文字样式

1. font-size：文字大小
2. font-weight:指定文字粗细 400正常 700加粗
3. font-style: italic; 文字倾斜
4. font-famliy: 选择字体
5. font-variant: small-caps;小型大写字母
6. 载入外部字体@font-face（不在css样式里）{
   font-famliy：起名字
   src：url（链接）
   }

文本样式

1. text-shadow：(文本阴影） 水平方向位移 竖直方向位移 模糊度 颜色
2. text-decoration：line-through 删除线
   underline 下划线 两个都要的话 放在一起用空格隔开 none:没有修饰
3. text-transform：首字母大写
4. text-indent：文本缩进 只用于p标签 2em
5. text-align：center 文本居中 right右对齐 justify 两端对齐
6. ne-height：行高 一般用来竖直方向居中
7. word-warp：文本换行 break-word
   ​ nowarp：不换行
8. color：设置颜色

背景样式

1. background color：背景颜色
2. background image url（）背景图片
3. backgroung -no-repeat 背景图片不重复
   ​ repeat-x/y横着或竖着重复
4. backgroung -position：left/right/center/bottom/top
5. backgroung -size：背景尺寸 100%
   ​ cover:图片覆盖背景 和100%一个意思 照片可能不完全显示
   ​ contain：照片宽或高一边完全覆盖 照片展示完整
6. padding-bottom向下填充
7. background-attachment：背景固定
8. background-orange：背景根据盒模型定位 content-box
   padding-box 背景图像相对与内边距框来定位。
   border-box 背景图像相对于边框盒来定位。
   content-box 背景图像相对于内容框来定位。
9. background-clip：背景裁剪 默认不裁
   border-box 背景被裁剪到边框盒
   padding-box 背景被裁剪到内边距框
   content-box 背景被裁剪到内容框
10. 边框：border 线宽 线样式 线颜色
11. 盒阴影
    box-shadow：水平位移 竖直唯一
    transition 出现时间