字体属性:
CSS的字体属性用于定义字体类型、字号、大小以及字体是否加粗等。
属性 | 含义 | 举例 |
---|---|---|
font | 设置字体的所有样式属性 | font:bold 12px 楷体 |
font-family | 字体的类型(楷体、宋体、黑体等) | font-family:楷体 |
font-size | 字体的大小 | font-size:12px |
font-weight | 字体的粗细 | font-weight:bold bold 粗 bolder 更粗 normal正常(默认) lighter更细 |
color | 字体颜色 | color:#FFAAAA (颜色取值可以为颜色的英文单词,也可采用#000000~#FFFFFF之间的十六进制值) |
文本属性:
文本属性用于定义文本的外观,包括字体颜色、行高、对齐方式以及字符间距等。
属性 | 含义 | 应用场景 |
---|---|---|
line-height | 设置行高(即行间距) | 布局多行文本 |
text-align | 设置对齐方式,取值为left、right、center | 各种元素对齐 |
letter-spacing | 设置字符间距 | 加大字符间距 |
text-decoration | 设置文本修饰,常用的取值为underline(下划线)、none(无) | 加下划线、中划线等 |
列表属性:
列表的属性主要用于设置列表项的样式
属性 | 说明 | 示例 |
---|---|---|
list-style-type | 用于设定列表项的符号 none(无) disc(实心圆) circle(空心圆) square(实心方块) | list-style-type:none; |
list-style-image | 用于设定图像作为列表项目符号,其值为图像对应的url | st-style-image:url(图片路径); |
list-style-position | 用预设定项目符号在列表项的位置 inside(里面的) outside(外面的)(默认) | list-style-position:inside; |
list-style | 复合属性,次序为 list-style:符号 位置 图片; | list-style:none inside url(图片路径); |