五、字体文本样式和特殊符号

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

上一篇下一篇

猜你喜欢

热点阅读