返回

CSS的总结1

发布时间:2023-01-06 04:04:58 262
# css

1.CSS的行内样式

CSS的总结1_CSS

2.CSS的内部样式表

CSS的总结1_基线_02

3.CSS的外部连接式

CSS的总结1_选择器_03

在头部用link的方式进行连接外部的CSS样式。将外部CSS的路径输入到href里。

 

4.CSS的字体样式属性

4.1 font-size:字号大小:

  font-size属性用于设置字号。推荐使用像素单位px。

  • px单位名称为像素,像素是固定大小的单元,用于屏幕媒体(即在电脑屏幕上读取)。
  • 一个像素等于电脑屏幕上的一个点 (是你屏幕分辨率的最小分割)。
  • 大多数浏览器的默认字体大小是16px。
4.2 font-family:字体

font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等,例如将网页中所有段落文本的字体设置为微软雅黑,可以使用如下CSS样式代码:

CSS的总结1_选择器_04

4.3 font-weight:字体粗细字体加粗除了用 b 和 strong 标签之外,可以使用css 来实现。

font-weight属性用于定义字体的粗细,其可用属性值:normal、bold、bolder、lighter、100~900(100的整数倍)。

4.4 font-style:字体风格

CSS的总结1_基线_05

5.选择器

5.1标签选择器:针对一类标签

CSS的总结1_选择器_06

5.2 ID选择器:针对某一个特定的标签使用

CSS的总结1_基线_07

5.3 类选择器:针对你想要的所有标签使用

CSS的总结1_CSS_08

5.4通用选择器(通配符):针对所有的标签都适用(不建议使用)

CSS的总结1_基线_09

5.5 链接伪类选择器

CSS的总结1_CSS_10

在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后,这样才能生效!a:active 必须位于 a:hover 之后,这样才能生效!

6.CSS外观属性

color文本颜色。  line-height行间距:行高是指文本行基线间的垂直距离:基线与基线之间的距离。 

text-align:水平对齐方式

text-decoration:文本修饰

属性值

none | underline | overline | line-through

默认值

none

 

属性名

text-decoration

描述

对文本进行修饰

letter-spacing:字符间距

text-shadow:水平位置 垂直位置 模糊距离 阴影颜色;可以给文字添加阴影效果

 

描述

h-shadow

必需。水平阴影的位置。允许负值。

v-shadow

必需。垂直阴影的位置。允许负值。

blur

可选。模糊的距离。

color

可选。阴影的颜色。

前两项是必须写的。 后两项可以选写。

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像
精选文章
thumb 中国研究员首次曝光美国国安局顶级后门—“方程式组织”
thumb 俄乌线上战争,网络攻击弥漫着数字硝烟
thumb 从网络安全角度了解俄罗斯入侵乌克兰的相关事件时间线
下一篇
JavaScript(数据类型) 2023-01-06 03:31:52