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;