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. 字体设置
属性见下表:
3. 链接样式设置
链接的四种状态:
a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻
注1:
当为链接的不同状态设置样式时,请按照以下次序规则:
a:hover 必须位于 a:link 和 a:visited 之后
a:active 必须位于 a:hover 之后
注2:具体样式设置同文本样式设置。