text-align(文本对齐样式仅在水平方向上):可控制字体与行内元素如span 与 img
left
right
center
justify(两端对齐)
***常见编程问题:想让文字上下左右居中对齐: text-align:center 配合line-height
想让图片上下左右居中对齐: text-align:center 配合vertical-align:middle
text-indent(首行缩进)
text-transform(控制文本大小写):uppercase(字母全部大写)
lowercase(字母全部小写)
capitalize(首字母大写)
text-decoration(文本修饰):
underline:下划线
overline:上划线
line-through:中划线
none:取消文本修饰常用在a 标签上
letter-spacing:字符之间的间距(字 字母)
word-spacing:字母之间的间距(字母),字不受影响。
white-space:换行
wrap:换行(默认)
nowrap:不换行
overflow(溢出):hidden隐藏
text-overflow:ellipsis(省略号),不适用行内元素。
省略号三步:white-space:nowrap
overflow:hidden
text-overflow:ellipsis
word-break:break-all(解决单词太长不换行)
特殊符号:<( < ) eg:<span>1<2</span> 特殊符号后有分号
>( > )
( 空格) <span> </span> 使用空格的特殊字符是因为不管里面留多少空格只会解析一个,所以必须要用表示空格的特殊符号。