font(字体)所使用的属性

 1、font-weight:normal blod bolder lighter  100-900之间 400=normal

 p:first-child{
   padding-top: 50px;
    position: relative;
    color: black;
    font-size: 40px;
    font-weight: 800;
  }

 2、color（颜色）的几种表达

　表达方式 ：

• #777777
• color:red
• #755
• rgb(0,0,0)
• rgb(0%,0%,0%)占255的百分之几
• rgba(0,0,0,0)

 3、英语字体的样式

　text-transform:

• capitalize;首字母大写
• uppercase;大写
• lowercase;小写

 4、文字的中上、下、删除线

　text-decoration:

• overline;上划线
• underline; 下划线
• line-through; 贯穿性

 5、字体中的首字下沉

　　text-indent: 10px;——首行缩进2个字符 2em=10px

 6、文本的对齐方式

   text-align:

• center 居中对齐
• left 左对齐
• right 右对齐　　

  7、字母与字母，文字与文字之间的间距　　

　英文：　letter-spacing: 10px;   以像素为单位

　中文：　word-spacing: 20px;    可以em为单位的数字设置即2em=两个字符。单词和单词之间的间距

 8、字体倾斜

　　font-style: oblique; (设置字体倾斜)

　　注：也可以用标签em：直接把字体倾斜

h1,h2{
    color: #0e6c9c;
    font-style: oblique;
}

　　

实例：

 p{
word-spacing:2em;/*文字与文字的间距*/
display: table-cell;/*将标签的属性设置转换成表格的形式*/
vertical-align: middle;/*对于文本必须和display：table-cell* 才有垂直居中的效果/
height: 30px;
line-height: 30px;/*行高与容器高度一致时，是单行文本垂直居中*/
text-align: center;/*left，right*/
}

9、<sup> 标签定义上标文本,<sub> 标签定义下标文本

 <h2>From Jen`s Cookbook</h2>
    <ul>
        <li><sub>T</sub>apenade (Olive Spread)</li>
        <li><sup>T</sup>apenade (Olive Spread)</li>
    </ul>