background 是复合属性
背景颜色：
background-color
背景图片：
background-image：URL（图片路径）
铺平的方式：
background-repeat：repeat-x；横着平铺，
repeat-y；竖着平铺
no-repeat 不平铺
repeat 默认全屏平铺
设置背景图片大小：
background-size:200px; 150px; 不能加在复合属性里
背景图片定位移动：
background-position：100px 100px；
background-attachment：fixed；固定
scroll；默认
不能加在复合属性里
设置图片边框
border-width(粗细)
border-style:solid dashed dotted double
实线 虚线框 点线框 (线型)
边框的复合属性:border:1px solid red;
定义列表样式 去点
list-style-type：none 不显示
disc 实心圆
circle 空心圆
square 正方形
dccimal 数字
upper-alpha 大写字母
lower-alpha 小写字母
upper-roman 大写I样式
lower-roman 小写i样式
盒模型
padding 内边距
margin 外边距
border 边框
centent 内容
行内元素与块级元素的区别：
1.块级元素会独占一行，其宽度自动填满其父元素宽度。
行内元素不会独占一行，相邻的行内元素
会排列在同一行里，知道一行排不了，才
会换行，其宽度随元素的内容而变化
2.块级元素可以设置 width、height属性行内元素设置
width、height无效【注意块元素即使设置宽度，仍然是独占一行】
3.块元素可以设置margin和padding
行内元素的水平方向的padding-left，
padding-right margin-left margin-right都产生边距效果，
但竖有方向的margin-top，margin-bottom 都不会产生边距效果 水平方向有效 竖直方向无效
display:inline-block 块元素变内元素 不独占一行
块元素 内联元素
1、独占一行 1、不独占一行
2、可以设置宽高 2、不可以设置宽高
3、外内边距都可以设置 3、内边距可设，外边距水平方向有效，竖直方向无效。
浮动：
当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素特指紧邻后面的元素。
当元素没有设置宽度值，而设置了浮动属性，元素的宽度随着内容的变化而变化。
clear:both 清除浮动
overflow:hidden; 隐藏浮动
块元素： 内联元素： 块元素居中方式；margin：0 auto；
form span 父子外边距合并 padding-top：有效 margin-top: 无效
td u
tr s
table i
ul a
li
<b>...</b> <strong>...</strong>
<i>...</i> <em>...</em>
<u>...</u> <strike>...</strike>
<s>...</s> <del>...</del>
Overflow属性：
hidden 超出内容隐藏 visible 显示超出内容也不添加滚动条。
auto 如果内容被修建，则浏览器会显示滚动条以便查看其余的内容。
scroll 内容会被修建，但是浏览器会显示滚动条以便查看其余的内容。
relative:相对定位 --》相对自身原有的位置。
absolute 绝对定位--》：相对于浏览器左上角的位置。
z-index:100px; 增加层级优先，
透明度 opacity:0.5
filter:alpha(opacity=50); /兼容ie6/
-webkif- 谷歌 -moz- 火狐 -O- 欧朋 -ms- IE浏览器
border-radius:10px; 圆角
position：static 静态定位 默认属性，按照标准流进行布局
position：fixed 固定定位 以浏览器窗口为基准进行定位
position：relative 相对定位
position：absolute 绝对定位
z-index：1000; 加层级的。
浮动对行内标签影响，float之后可以设置width和height属性，并支持margin和padding属性。
float 对块属性标签的影响 在没有设置宽高的情况下浮动后，内容撑开宽度高度 可以使块属性并排排列
空标签清楚浮动放大{clear:both}
使用overflow:hidden 清楚浮动发
使用伪类after 清楚浮动发
三角形
设置一个div 宽高为0 border-width：50px; border-color: transparent; border-top-color:red; border-style:solid;
