CSS 随笔

1：内嵌阴影边框 inset{},内部边框。

2：width: calc(100% - 18px);自适应宽度。18px是margin数值。

3：rem综合评价是用来做web app它绝对是最合适的人选之一。

4：word-wrap，text-wrap。

    word-break：break-all。表格文字换行。

    overflow: hidden; /*自动隐藏文字*/
   text-overflow: ellipsis;/*文字隐藏后添加省略号*/
   white-space: nowrap;/*强制不换行*

    box-sizing:border-box;内边距是否占用内部元素。

    resize: none;不允许扩大大小

    nth-of-type(odd)。css伪类

    table-layout: fixed;表格元素不自动填充，根据宽度设置。

    window.onresize = function(){ }根据窗口改变监听事件。

    label for =‘1’    id=‘1’

 

CSS：

1：background-attachment:fixed。背景图不滚动

2：浏览器兼容性。

    -ms-：；/* IE 9 */

    -moz-：；/* Firefox */

    -webkit-：； /* Safari and Chrome */

    -o-：; /* Opera */

3：background-size：背景图大小，百分比也行

   cover。等比放大填满背景、

  contain。等比缩小适应背景。

4：文字换行。

5：height: 285px;

    background-size: cover;

    background-position: center;

    position: relative;

    background-image: url( );

    响应式框架自适应模块拼接。(背景图片)

6：当一个元素出现在另一个元素上面时，第一个元素的下外边距与第二个元素的上外边距会发生合并。

7：favaion.ioc网页Logo

8:  transform，转换属性。

    translate,左右x移动。

    scale，比例缩放。

    rotate,xy3d旋转。

    skew。2d倾斜旋转。

    transition，过渡属性。

9.<fieldset> 

        <legend>一条线在数字中间</legend> 

    </fieldset>

10：table. border-collapse:collapse;

    outline:0;

11:外边距合并：上盒子的底外边距会和下盒子的上外边距合并

12：