CSS属性

1. 背景

1. 纯色、图片

（1）background-attachment：背景图像是否固定或随着页面的其余部分滚动

    <1>fixed：背景图片不随着页面滚动

<2>scroll：背景图片随着页面滚动

（2）background-color：设置背景颜色

（3）background-image：把图片设置为背景

用url（“”）引入图片地址

（4）background-position：设置背景图片的起始位置

属性值有：left、center、right、top、bottom

·方位值只写一个的时候表示另外一个值默认居中

·方位值写两个的时候第一个值代表水平方向，第二个值代表垂直方向

（5）background-repeat：设置背景图片是否及如何重复

<1>no-repeat：不重复

<2>repeat：重复

<3>repeat-x：在x轴上重复

<4>repeat-y：在y轴上重复

（5）背景属性的连写

    background：背景颜色  url(“”)  是否重复  定位 背景图片是否滚动

·连写的时候没有顺序要求，url为必写项

2. 颜色

1. 颜色值

（1）用颜色的名称表示

（2）十六进制数值表示：#

（3）rgb（ ， ， ，）：三原色

（4）rgba（ ， ， ， ）：三原色加不透明度[0~1]

（5）透明色：color-transparent

2、属性：opacity：<number> ——　设置对象的不透明度

值为１：不透明

值为０：完全透明

3. 边框

1. border-width：边框款度
2. border-style：边框样式
3. border-color：边框颜色
4. border-radius：设置圆角边框
5. border-shadow：设置对象阴影

有4个参数值：水平偏移值 垂直偏移值 阴影模糊程度(不允许为负值) 阴影颜色(一般用rgba表示)

6. border-image：边框背景图片

4. 字体

1. font：复合属性。设置或检索对象中的文本特性
2. font-style：设置字体样式

1. normal：正常
2. italy：斜体

3. font-size：设置字体大小
4. font-weight：设置字体粗细

1. normal：不加粗
2. 100~900
3. bold：加粗

5. font-family：设置文本的字体名称(字体样式改变)

@font-face{

    font-family：添加自己想要的字体名称

    src：url(“当前已经下载好的字体的位置”)

}

6. 文字的表达方式（就是font-family属性的值）

1. 直接写中文名称
2. 写字体的英文名称
3. 写unicode编码

5. 文本

1. color：文本颜色
2. text-align：文本水平对齐方式
3. vertical-align：文本垂直对齐方式
4. line-height：行高（两行文字基线之间的距离），可以使单行文本垂直居中（多行则不可以）
5. text-transform：设置文本大小写
6. text-indent：文本缩进
7. 文本属性连写

font：font-style   font-weight  font-size/line-height font-family

·注意：font：后面写的是属性的值，一定要以上按顺序书写，且文字大小和字体必须要写

6. 文本装饰

1. text-decoration：复合属性。检索或设置对象中的文本的装饰
2. text-decoration-line：文本装饰线条的位置

1. underline：下划线
2. overline：上划线
3. line-through：贯穿线（相当于删除的效果）

3. text-decoration-color：文本装置线条的颜色
4. text-decoration-style：文本装饰线条的形状

1. dashed：虚线
2. dotted：点状线
3. double：双线
4. solid：实线
5. wavy：波浪线

5. text-show：阴影

1. 有4个值：水平位移 垂直位移 模糊度 颜色

7. 列表

1. list-style：复合属性。设置列表项目相关内容
2. list-style-image：列表项图像
3. list-style-position：列表标志位置
4. list-style-type：列表类型

1. disc：实心圆
2. circle：空心圆
3. square：实心方块
4. decimal：阿拉伯数字
5. lower-roman：小写罗马数字
6. upper-roman：大写罗马数字
7. lower-alpha：小写英文字母
8. upper-alpha：大写英文字母
9. none：不使用项目符号
10. armenian：传统的亚美尼亚数字
11. cjk-ideographic：浅白的表意数字
12. georgian：传统的乔治数字

注意：只有当<list-style-image>属性为none或指定图像不可用时，<list-style-type>属性才有效果

8. 表格

<table>

    <tr>     //表示行。tr里面一定要有td

        <td></td>     //表示列

<td></td>

<td></td>

</tr>

</table>

1. 表格边框
2. 折叠边框

（1）border-collapse

<1>值：

separate：边框独立

collapse：合并边框

3. 表格宽高

1. width
2. height

4. 表格文本对齐

（1）text-align

5. 表格内边框
6. 表格颜色

1. border-color：设置边框颜色
2. background-color：设置表格背景颜色