五、字体文本样式和特殊符号
2017-08-18 本文已影响0人
东东丶酱
1、字体样式
文字颜色 color:
字体类型 font-family:’微软雅黑’,’宋体’;
字体大小 font-size:px / % / em / rem;
2、字体粗细 font-weight:
bold 定义粗的字体
bolder 定义更粗的字体
lighter 定义更细的字体
normal 默认
数值写法 100 - 900//400正常,700bold
3、规定字体是否倾斜 font-style:
italic 定义字体倾斜
oblique 定义字体的斜体
normal 默认
4、小型大写字母 font-variant:
small-caps 小型大写字母 normal 默认
行高 line-height:px / % / em
字体复合样式:
基本写法:font:12px ‘微软雅黑’,’宋体’;
多样式写法:font:12px/1.2 ‘微软雅黑’ blod small-caps intalic;
字体:字体大小/行高 字体风格 字体粗细 小型大写字母 倾斜
5、控制文本大小写 text-transform
uppercase 字母大写
capitalize 首字母大写
lowercase 小写字母
6、文本对齐方式 text-align
left 左对齐
right 右对齐
center 居中
justify 两端对齐
7、首行缩进
text-indent:px / em;
文本修饰 text-decoration:
none 去掉下划线
underline 下划线
line-through 中划线
overline 上划线
8、文字间距,针对手动空格
字间距 letter-spacing:px / em;
词间距 word-spacing:px / em;
文本不换行 white-space:nowrap;
单词内换行 word-break:break-all;
9、文本省略号
text-overflow:ellipsis;
元素溢出隐藏 overflow:hidden;
关于文本超出显示隐藏:
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;//三者缺一不可(规定盒子宽高)
10、特殊符号
空格
大于号 >
小于号 <
引号 "
版权符号 ©
更多特殊符号请访问:http://www.w3school.com.cn/tags/html_ref_symbols.html