1、字体属性
(1)color颜色
四种形式：
①color:red
②color:#ff0000 //十六进制形式(常用)
③color:rgb((255,0,0)
④color:rgba(255,0,0,.5) //第四个参数：0透明 1不透明 0.5半透明
(2)font-weight 字体粗细
①bold 粗体字符
②bolder 更粗的字符
③lighter 更细的字符
④400-900 细到粗 400为默认 700等同bolder
(3)font-style 字体样式
①normal 默认值
②italic 斜体字
(4)font-family 字体效果
例如：
<h3 style="font-family: 黑体;">黑体：SimHei</h3>
<h3 style="font-family: 微软雅黑体;">Microsoft YaHei</h3>（默认）
2、背景属性
(1) background-color 背景颜色
（2）background-image 背景图像（图像不够大会垂直和水平平铺）
background-image:url("");
（3）background-repeat 背景内容平铺方式
①repeat 默认
②repeat-x 水平方向平铺
③repeat-y 垂直方向平铺
④no-repeat 不平铺
默认情况例如：
（4）background-size 背景图像大小
①background-size:200px 300px;
②background-size:100% 100%; //百分比方式
③background-size:cover;//完全覆盖容器（放大裁剪）
④background-size:contain;//缩放到对于容器合适即可（自适应）
（5）background-position 背景图像位置
①自行匹配：left right top bottom center
例如 background-position:left top;//左上角
②百分比和像素方式
3、文本属性
（1）text-decoration 文本属性
①下划线：underline
②上划线：overline
③删除线：line-through
(2)text-transform 文本大小写
①首字母大写：captialize
②全部大写：uppercase
③全部小写：lowercase
(3)text-indent 首行文本缩进
4、表格属性
（1）边框
①border属性
table,td{
border:1px solid black;//边框大小 边框线样式（实线） 边框线的颜色
}
添加collapse属性 折叠边框为单边框
table{
border-collapse:collapse;
}ver
（2）表格大小：width height
（3）表格文字对齐：
水平对齐：text-align(left or right or center)
垂直对齐：vertical-align(top bottom center)
(4)表格填充
td{
padding:10px:
}//控制边框与文本的距离
5、盒子属性
盒子模型阴影
属性设置 :
box-shadow: h-shadow v-shadow blur spread color inset;
h-shadow：水平阴影的位置。可以使用负值表示阴影在元素左侧，正值表示阴影在元素右侧，0 表示没有水平阴影。
v-shadow：垂直阴影的位置。可以使用负值表示阴影在元素上方，正值表示阴影在元素下方，0 表示没有垂直阴影。
blur：模糊半径。可选值，表示阴影的模糊程度。值越大，阴影越模糊，0 表示没有模糊。
spread：阴影的扩展半径。可选值，表示阴影的大小扩展。正值表示阴影扩展，负值表示阴影收缩。
color：阴影的颜色。可选值，表示阴影的颜色，可以是 CSS 颜色值
inset：可选值，用于设置是否为内阴影。如果存在 inset，则表示是内阴影，否则为外阴影。内阴影会出现在元素内部，外阴影则出现在元素外部。
只有 前两个阴影 , 水平阴影 和 垂直阴影 必须写 , 后面的四个值可以省略 ;
6、关系选择器
①后代选择器 A B{ }
例如：
<style>
ul li{
color: blue;
}
</style>
</head>
<body>
<ul>
<li>后面的后代标签都会生效</li>
<li>1</li>
<div>
<ol>
<li>也会生效</li>
</ol>
</div>
</ul>
</body>
②子代选择器 A>B{ }
例如上面的选择器则只有第一个包括的li起效后面div包括的是孙代会失效。
③相邻选择器 A+B{ }
只有相邻的第一个元素生效，只能是往下选择。
④通用选择器 A~B{ }
向下的所有元素都起效。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
