color
color: #f00;
用于设置文本的颜色
属性值 | 描述 |
---|---|
color_name | 颜色名称,例如:red、green、yellow 等 |
hex_number | 十六进制的颜色值,例如:#ff0000、#00ff00、#0000ff 等 |
rgb_number | 通过 rgb 代码表示的颜色,可以是具体值也可以用百分比,例如: rgb(255,0,0) 或 rgb(100%,0%,0%) |
在实际开发中多数情况是使用 十六进制的写法,十六进制的颜色值可以简写,例如:#ff0000 可简写成 #f00
text-align
text-align: left;
用于设置文本内容的水平对齐方式;是元素中的内容不是元素本身
属性值 | 说明 |
---|---|
left | 左对齐(默认值) |
right | 右对齐 |
center | 居中对齐 |
text-indent
text-indent: 0;
用于设置文本块中首行文本的缩进
其属性值可为px(像素)、em(字符宽度的倍数)、%(相对于父级元素宽度的百分比),允许使用负值;默认值为 零
在实际开发中多数使用 em 作为单位
letter-sapcing
letter-spacing: normal;
用于设置字符间的间距(水平方向)
属性值可以是 px、rem、em,允许为负值;默认值为 normal
line-height
line-height: normal;
用于设置行高;行高是指上下文本行的基线间的垂直距离;其属性值可以是数值、px(像素)、em、%(百分比);默认值为 normal;实际开发中用的最多的是像素,一般行高比字号大 8 个像素左右即可
如果想让单行文本垂直居中,直接将行高设置为盒子的高即可;当单行文本的行高小于盒子的高度时文字会偏上,大于盒子的高度时文字会偏下
text-decoration
text-decoration: none;
decoration(装饰、修饰),为文本添加修饰;
属性值 | 说明 |
---|---|
none | 默认值,无修饰的标准文本 |
underline | 为文本添加下划线效果 |
overline | 上划线 |
line-through | 穿过文本的一条线(中划线) |
在实际开发中多用来消除超链接默认的下划线