HTML5+CSS3新增属性

1. H5中新增的语义化标签：

        <header>:头部标签

        <nav>:导航栏标签

        <article>:文章标签

        <section>:内容标签

        <aside>:侧导航栏标签

        <footer>:底部标签

        <button>:按钮标签

        <progress>:进度条标签

        <fieldset><legent><legent/><fieldset>:表单绘制外框标签

1. H5中新增的表单属性

        Placeholder:提示信息（用于input，属性值为提示的内容）

        autofocus:当页面加载完毕后，自动获取焦点。（用于input，不用加属性值）

        required:输入框的内容不能为空，在表单提交时判断。（用于input，不用加属性值）

        maxlength:最大长度。（属性值为整数）

        minlenght:最小长度。（属性值为整数）

        novalidate:不验证表单（用于input，不加属性值）

        autocomplete:设置是否自动完成。

1. 新增input类型type=””
   1. email
   2. url
   3. data
   4. time
   5. month
   6. week
   7. number
   8. tel
   9. search
   10. color
2. 新增多媒体标签
   1. audio:音频 <audio src=”音频文件地址” />
   2. video:视频 <video src=”视频文件地址” />
      • autoplay:自动播放
      • Controls:显示插件，控制按钮
      • loop:循环播放
      • poster:预先加载显示
3. CSS3新增特性：
   1. 新增选择器：
      • 属性选择器，权重为10
        1. 选择带有x(代指)属性的元素 [属性名] 如:[class]{ }
        2. 选择所有带有X属性，并且以=Y开头属性值的元素：[X=”Y”]
        3. 选择所有带有X属性，并且以=Y-开头属性值的元素：[X=”Y-”]
        4. 选择所有带有X属性，并且以=Y开头属性值的元素：[X^=”Y-”]
        5. 选择所有带有X属性，并且以=Y结尾属性值的元素：[X$=”Y”]
        6. 选择所有带有X属性，并且包含Y属性值的元素：[X*=”Y”]
      • 伪类选择器，权重为10
        1. :first-child:获取指定选择器的第一个元素
        2. :last-child:获取指定选择器的最后一个元素
        3. :nth-child(n):获取指定选择器的第n个元素（所有子元素的顺序）
        4. :nth-last-child(n):获取指定选择器的倒数第n个元素（所有子元素的顺序）
        5. :nth-of-type(n):获取指定选择器的第n个子元素（不是所有子元素的顺序）
      • 伪元素选择器：
        1. ::first-letter 选择文本内容的第一个汉子或者第一个字母
        2. ::first-line 选择文本的第一行
        3. ::before 在当前元素的内部的前边添加。（在同一行可以转为块元素）
        4. ::after 在当前元素的内部后便添加。