1208课后随笔

CSS3

    1.边框

        背景色块状元素圆角设置，水平阴影的位置，垂直阴影的位置，模糊距离，盒阴影

    2.背景

        背景图片的尺寸：background-size；所在区域：background-origin：content-box、padding-box(默认) 或 border-box 区域；

    3.宽高包含区域

        box-sizing:content-box(默认)，border-box;

        border-box设置后width/height包含border/padding/content

    4.文本效果

        text-shadow：h-shadow v-shadow blur color文本阴影；

        h-shadow 水平阴影位置，v-shadow垂直阴影位置，blur模糊距离，color阴影颜色；

        word-wrap:自动换行；normal/break-word

    5.字体引入

@font-face{

        font-family:myfont;

        src:url(‘sanation_light.ttf’),

        url(‘sansation_light.eot’);

        }

    6.多列

        column-count:规定元素应该被分隔的列数;

        column-gap 属性规定列之间的间隔;

    7.2D/3D转换

        transform:

        translate(top,left):从其当前位置移动;

        rotate(30deg):顺时针旋转给定的角度；

        scale(1.1):元素尺寸增加或减少;

        skew(30deg,20deg):翻转给定的角度,根据x轴和y轴；

    8.过渡

        transition:width 2s;（“2s”为过渡时间）