1.margin标记带有的一个、两个、三个、四个参数,各有不同含义
         margin: 20px;(上、下、左、右各20px)

         margin: 20px  40px;(上、下20px;左、右40px)
         margin: 20px  40px  60px;(上20px;左、右40px;下60px)
         margin: 20px  40px  60px  80px;(上20px;右40px;下60px ;左80px)

2.position 属性规定元素的定位类型,默认值为static
                 absolute: 生成绝对定位的元素,相对于static定位以外第一个父元素进行定位,元素通过'left','top','right','bottom'属性进行规定
                 fixed:生成绝对定位的元素,相对于浏览器窗口进行定位,元素通过'left','top','right','bottom'进行规定
                 relative:生成相对定位元素,相对于其正常位置进行定位。因此,'left:20'会向元素的left位置添加20像素
                 static:默认值,没有定位,元素出现在正常的流中(忽略top、bottom、left、right或z-index)
                 inherit:规定从父元素继承position属性

3.控制table内容超出表格长度后自动隐藏

          table{table-layout :fixed  ;border-collapse: collapse;}
          td{ white-space: nowrap;   //控制单行显示
                overflow: hidden;         //超出隐藏
                 text-overflow: ellipsis     //隐藏的字符用省略号表示
              }

4.overflow:hidden不起作用的一种情况:

       不精确样式:
    ul{margin:0 ;padding:0 ;float: left ;list-style:none; width:100%}
    li{float:left ;overflow:hidden;}

        正确样式为:
    ul{margin:0 ;padding:0 ;float: left ;list-style:none; width:100%}
    li{float:left ;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}       需三者配合使用