关于CSS的外观总结

关于四个CSS的外观总结

已学习的外观属性有以下几个

• color
• text-align
• line-height
• text-indent
• text-decoration

---

• color:

用来改变文字的颜色，颜色属性写法有三种：
1.预定颜色（如red）
2.16进制码（如#66ccff）
3.RBG码
在实际使用中多以16进制码来编写，16进制码在有些情况下可以进行缩写，如#66ccff可缩写为#6cf.

---

• text-align

这个属性的作用是水平对齐，在前面html的表格中我们就已经有使用到align这个属性了。
text-align:left;(向左对齐)
text-ailgn:center;（居中对齐）
text-ailgn:"right";（向右对齐）
默认为左对齐，在实际使用中用到居中对齐会比较的多些。

---

• line-height

这个属性的作用是控制间距，单位是PX，一般来说，间距只需要比字的大小大7-8个像素左右。例如文字是16PX，那间距只需设定为24PX.
line-height:24px;

---

• text-indent:

这个属性是用于对文本进行首行缩进的，多数情况下都是用在段落中对段落首行进行两个单位的缩进（单位：em）
如中文，首行都要缩进2个字的位置，text-indent:2em;

---

• text-decoration:

用来修改装饰文本的，对文本进行加或清除下划线，上划线，删除线的处理。在实际使用中上划线和删除线很少使用到，一般都是用来添加或者去除下划线。
text-decoration:none;（去除下划线）
text-decoration:underline;（添加下划线）

---