HTML学习笔记<6>[CSS]

HTML学习笔记<6>[CSS]1. 文本样式设置

①:文本缩进可以使用text-indent属性实现,其值可以为像素和百分比。

注:值可以为负值,实现悬挂缩进的效果。

②:文本行对齐形式可以使用text-align属性实现。属性值对应效果如下:

left:左对齐right:右对齐 center:居中

justify:在两端对齐文本中,文本行的左右两端都放在父元素的内边界上。然后,调整单词和字母间的间隔,使各行的长度恰好相等。

③:间隔设置可以通过两个属性实现

i.word-spacing:该属性实现单词间间隔,属性值为像素值。

ii.letter=spacing:该属性实现字母间间隔,属性值为像素值。

④:字母大小写转换可通过text-transform属性实现。该属性默认值为none,即不做处理。其他属性值如下:

uppercase:全大写lowercase:全小写 capitalize:每个单词首字母大写

⑤:文本装饰可通过text-decoration属性实现。一般元素默认为none,链接文本默认为underline。

none:无装饰underline:下划线 overline:上划线line-through:中划线

blink:使文本闪烁

⑥:对源文件中空格、换行、tab字符的处理可通过white-space属性实现。对应属性值如下表:


2. 字体设置

属性见下表:

HTML学习笔记<6>[CSS]


3. 链接样式设置

链接的四种状态:
a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻

注1: 当为链接的不同状态设置样式时,请按照以下次序规则:
a:hover 必须位于 a:link 和 a:visited 之后
a:active 必须位于 a:hover 之后

注2:具体样式设置同文本样式设置。