(接上篇)
6.小型大写字母 font-variant
normal 默认值
small-caps 小型大写字母(把小写字母强制转换为大写字母,比大写字母小一号)
7.简写
font:倾斜 加粗 小型大写字母.. 大写 字体样式(大写与字体样式固定后两位,顺序不可打乱)
8.文本属性
text-align(水平对齐),line-height(行高),text-transform(强制大小写) text-decoration(线条的修饰)
left左对齐
right右对齐
center水平居中
justify两端对齐
line-height
行高左右有三种
1.可以设置行间距
2.清除内容自带的宽高(12px一下的可以不清行高)
3.让单行文本垂直居中(行高值等于高度值)
设置内容大小写转换
text-transform 强制大小写
none 默认值,没效果
uppercase 大写字母
lowercase 小写字母
capitalize 首字母大写
text-decoration 线条的修饰
none 取消线条
underline 下划线
overline 上划线
line-through 删除线
首行缩进
text-indent:2em;可以设置负值 负值可以隐藏文本内容
字间距 letter-spacing:字与字间的距离
词间距 word-spacing:英文单词的内容 主要设置的就是空格
列表属性
list-style-type
disc默认实心圆
circle 空心圆
square 实心方块
none 取消
块元素和内联元素的概念
块元素
1.上下排列 独占一行,可以设置宽高属性 可以嵌套,可以包裹块元素和内联元素
内联元素
1.左右显示,一行显示多个,不会自动换行 设置不了宽高,内联元素大小由内容撑开 内联元素只能嵌套内联元素