CSS3新特性--兼容问题

    1）属性选择器

        1 标签[属性]

            如input[value] {}

        2 标签[属性=值]--不用引号

        3 标签[属性^=值]--以‘值’开头

        4 标签[属性$=值]--以‘值’结尾

        5 标签[属性*=值]--含有‘值’的元素

    2）结构伪类选择器

        1 XX:first-child --第一个孩子

        2 XX:last-child

        3 XX:nth-child(n) --第n个孩子

            *n可以是数字、关键字（even偶/odd奇）和公式，直接写n选择所有孩子。

        4 XX:first-of-type

        5 XX:last-of-type

        6 XX:nth-of-type

        *两者区别：

            1 nth-child对父元素里面所有孩子排序选择（序号固定），先找到第n个孩子，然后看看是否和XX匹配。

            2 nth-of-type对父元素里面指定子元素进行排序选择，先去匹配XX，再根据XX找到第n个孩子。

    3）伪元素选择器

        1 ::before 元素前插入内容

        2 ::after 元素后插入内容

            *content必需的

        3 伪元素清除浮动

            额外标签法（不推荐）

            额外标签法的升级优化

            第一.clearfix:after {

                    content:"";

                    display:block;

                    height:0;

                    clear:both;

                    visibility:hidden;

                }

            第二.clearfix:before,.clearfix:after {

                    content:"";

                    display:table;

                }

                .clearfix:after {

                    clear:both;

                }

    4）盒子模型

        box-sizing:content-box|border-box;

        1 box-sizing:content-box盒子大小：width+padding+border（向来默认的）

        2 box-sizing:border-box盒子大小为：width --padding、border不会撑大盒子

    5）滤镜filter

        将模糊或颜色偏移等图形效果应用于元素。

        filter:函数();

        如filter:blur(5px); blur模糊处理，数值越大越模糊。

    6）计算盒子宽度函数

        calc();

        如width:calc(100px+100%);

    7）过渡

        transition:要过度的属性 花费时间[ 运动曲线 何时开始];

        属性：宽高、背景颜色、内外边距等，所有属性写all。

        花费时间：单位为秒。

        运动曲线：linear|ease|ease-in|ease-out|ease-in-out，默认ease。

        何时开始，单位为秒，延迟触发时间默认是0s。

        多个属性变化需利用,分开，或直接写all。

27.申请免费远程服务器（免费空间）

    网址：http://free.3v.do/

    1 注册账号

    2 记录主机名、用户名、密码、域名

    3 利用cutftp软件上传网站到远程服务器

    4 在浏览器中输入域名，即可访问