css小知识

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; 100%}
　　　　li{float:left ;overflow:hidden;}

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