文本属性
文字大小 | font-size |
文字样式 | font-family |
文本颜色 | color |
文本倾斜 | font-style |
文本粗细 | font-weight |
文字行高 | line-height |
文字对齐方向 | text-align |
文本修饰 | text-decoration |
首行缩进 | text-indent |
字间距 | lette-spacing |
词间距 | word-spacing |
控制 字母大小写 | text-transform |
文本倾斜 font-style:italic/oblique/normal 前两个都是倾斜
文本粗细 font-weight:bolder/bold/normal/100-500/600-900
文字行高line-height
当文本行高等于容器高,实现文字在容器中垂直方向居中
当文本行高大于容器高,实现文字在容器中垂直方向居下
当文本行高小于容器高,实现文字在容器中垂直方向居上
font简写 font:font-style font-weight font-size/line-height font-family
没有设定font-style font-weight默认使用默认值
文本对齐方式
text-align:left/center/right
text-decoraction:none/underline/overline(上划线)/line-through(删除线)
首行缩进 text-indent:数值em 可以取负值,只对第一行有作用
控制字母大小写text-transform
列表符号属性
line-style-type:none/circle(空心圆)/disc(实心圆)/square(实心方块)
list-style-image:url(路径)
符号位置list-style-position:outside/inside
简写:list-style:none
背景属性
background-color:rgba(red blue green 透明度0-1)颜色取值0-250
background-color:hsla(颜色0-360 饱和度% 亮度% 透明度0-1)
background-image:url()
当图片大小小于容器,图片将会默认平铺,铺满容器
当图片大小大于容器,只显示容器大小的背景图
background-repeat:no-repeat/repeat-x/repeat-y
background-position:水平 垂直(向左向上是负值)
background-attachment:scroll(随内容滚动)/fixed(固定在)
杂谈
一般只有文字文本有继承特性