CSS列表相关属性
1.列表符号：
list-style-type:none(没有符号)
square(方块形状)
lower-roman(小写的罗马数字)
upper-roman(大写的罗马数字)
decimal(正常数字【1. 2.】)
2.列表符号的位置
list-style-position:outside (列表数字在外)
list-style-position:inside (列表数字在里)
3.自定义列表符号
list-style-image:url()
4.复合属性
list-style:(将上述东西填入即可)
以上可以用在ul,ol,li,其余均不可
CSS --表格相关属性
边框相关属性
1.border-width: 2px 表示边框宽度
2.border-color:表示边框颜色
3.border-style:solid(实线)
dashed(虚线)
dotted(点线)
double(双实线)
4.快速方法：
(例)border:2px green solid
5.里边边框：
td,th{border:2px green solid;}
以上不仅仅是表格能用，其他元素也能用
表格独有属性
1.控制表格的列宽
table-layout:fixed(固定的宽度)
2.控制单元格的间距【不要合并相邻单元格的间距】
border-spacing:2px
0px表示单元格直接没有间距
3.合并相邻的单元格的边框（单元格之间的间距不起效果）
border-collapse:separate(不合并)
collapse(合并)
4.隐藏没有内容的单元格
empty-cells:show(展示)
hide(隐藏)【不要合并相邻单元格的间距】
5.设置表格标题位置
caption-side:bottom(下方)
top(上方)
CSS–背景相关属性
1.设置背景颜色
background-color:transparent(透明，默认颜色)
2.设置背景图片
background-image:url()
3.设置背景图片的重复方式
background-repeat:repeat(默认值)
no-repeat(不重复)
repeat-x(只在水平方向上重复)
repeat-y(只在垂直方向上重复)
4.控制背景图片的位置
第一种写法：关键词
background-position:left top(左上角，默认值)
left bottom(左下角)
center top(中间位置)
left center
center center（或者只写一个center）
第二种写法：用具体的像素值
background-position：70px 120px
70px:图片左上角距离最左面70px
120px:图片左上角距离最上面120px
5.复合属性
background:
鼠标相关属性
1.cursor:pointer(鼠标放上去呈现小手的图标，默认值)
2.move（拖动标志）
3.wait（等待图标）
4.crosshair(十字架图标)
5.help
6.自定义
盒子模型
CSS常用长度单位
1.第一种长度单位：px像素
2.第二种长度单位:em(相当于当前元素的font-size的倍数)
1em=1*font-size
font-size默认为16px
3.第三种长度单位：rem（相当于根元素[html]的font-size的倍数）
4…第四种长度单位：%（相对其父元素的百分比）
5.文本缩进
text-indent
元素的显示模式
1.块元素（block）
2.行内元素（inline）
3.行内块元素（inline-block）
总结个元素的显示模式
1.块元素
2.行内元素
3.行内块元素
修改元素的显示模式
display:块元素（block）
行内元素（inline）
行内块元素（inline-block）
盒子模型的组成部分
内容content
1.内容区的宽：width:400px
2.内容区的高：height:400px
3.内边距(设置的背景颜色会填充内边距区域)：padding：20px
4.边框(设置的背景颜色会填充边框区域)：
border：10px
5.外边距（影响盒子位置）：
margin：50px
盒子的内容区-content
关于默认宽度
盒子的内边距
1.左侧内边距：padding-left
2.上内边距：padding-top
3.右侧内边距；padding-right
4.底内边距:padding-bottom
5.复合属性：
写一个值，含义：四个方向的内边距是一样的
padding:20px
写二个值，含义：上下，左右
padding:10px 20px
写三个值，含义：上 左右 下
padding:10px 20px 30px
写四个值，含义：上 右 下 左
padding:10px 20px 30px 40px
【padding不能写负数
行内元素的左右内边距是没问题的，上下内边距不能完美的设置
块级元素,行内块元素，四个方向内边距都可以完美设置
】
盒子的边框
1.border-style:solid(实线，默认黑色)
2.border-width:10px
border-left/right/top/bottom-width
3. border-color:red
4. border:10px solid red
【solid:实线 dashed：虚线 double：双实线
dotted：点线 】
盒子的外边距-margin
同上
