css 与 盒子

1.文本分类 ：serif（衬线字体）  sans-serif（非衬线字体）

monospace （等宽字体）cursive （草书字体） fantasy （虚幻字体）

2.斜体：font-style用来指定文本的斜体

指定斜体：font-style:italic

指定非斜体：font-style:normal

粗体：font-weight用来指定文本的粗体

指定粗体：font-weight:bold

指定非粗体：font-weight:normal

3.小型大写字母：font-variant          – font-variant:small-caps

4.font可以一次性同时设置多个字体的样式    font:加粗 斜体 小型大写 大小/行高 字体

5.行间距：line-height用于设置行高，行高越大则行 间距越大。

                   行间距 = line-height – font-size

6.大写化：text-transform样式用于将元素中的字母全都变成大写。

大写：text-transform:uppercase

小写：text-tansform:lowercase

首字母大写：text-transform:capitalize

正常：text-transform:none

7.文本修饰：text-decoration 用来添加线条.

8.对齐文本：text-align用于设置文本的对齐方式   

left：左对齐

right：右对齐

justify：两边对齐

center：居中对齐

9.字母间距和单词间距：letter-spacing用来设置字符之间的间距   word-spacing用来设置单词之间的间距

10.首行缩进 ：text-indent   只对第一行有效

11.盒子：

内容区(content) ： 通过width height 调大小

内边距(padding) ：使用padding属性来设置元素的内边距  eg：padding:10px 20px 30px 40px

                              padding:10px 20px 30px;分别指定上、左右、下四个方向的内边距

                              padding:10px 20px;分别指定上下、左右四个方向的内边距

                               padding:10px;同时指定上左右下四个方向的内边距

边框(border)：使用border  border:1px red solid; 边的样式分别指定了边框的宽度、颜色和样式

                        使用border-top/left/right/bottom分别指定上右下左 四个方向的边框。

none（没有边框）dotted（点线）dashed（虚线）solid（实线）double（双线）groove（槽线）ridge（脊线）inset（凹边）outset（凸边）

外边距(margin)：使用margin属性可以设置外边距  margin-top/right/bottom/left