在html样式层纵向排列,HTML基础___CSS样式表__中

学习内容:

1.CSS 文本属性

2.CSS 边距与填充属性

3.CSS 边框属性

4.CSS 定位及尺寸属性

1.CSS 文本属性

单词间隔___word-spacing

语法:word-spacing:取值

normal正常的间隔也是默认值. 长度是设定单词间隔的数值及单位,可以使用负值.

字符间隔___letter-spacing

语法:letter-sapcing:取值

取值范围:normal 或长度值

文字修饰___text-decoration

语法:text-decoration:取值

取值范围:none 不对文本进行修饰,默认值

underline对文字添加下划线

overling 对文字添加上划线

line-throuth 对文本添加删除线

blink 文字闪烁效果

如:text{font-size:10pt;text-decoration:line-through}

纵向排列____vertical-align

语法:vertical-align:排列取值

取值范围:baseline  使元素和上级元素的基线对齐.sub为下标 super为下标

top使元素和行中最多的元素上对齐

text-top使元素和上级元素的字体向上对齐.

middle是纵向对齐元素基线加上上级元素的X高度的一半的中点.X的高度是字母X的高度.  text-botom使元素和元素的字体向下对齐.

文本转换__text-transform

语法:text-transform: 转换值 (转换英文文字的大小写)

取值范围: none 原始值  capitalize使第个字的第一个字母大写 uppercase 每个字的所有字母大写   lowercase 每个字的所有字母都小写

文本排列__text-align

语法:text-align:排列值

取值范围:left 左对齐right右对齐 center中间对齐   justify 两端对齐

文本缩进__text-indent

语法:text-indent:缩进值

取值必须是一个长度或是一个百分比.

.text{font-size:10pt;text-indent:50%}

文本行高____line-height

语法:line-height:行高值

取值:normal