html5新增标签

泡泡同学的老师真的像是坐飞机一样的速度给我们讲课，两天多的时间我们就把HTML的讲完了，泡泡同学表示很是迷茫啊。今天已经开始学习cssl ,我早已经哭晕在教室了，不管怎么说送上今天讲的HTML5新增的标签以及css的一点点知识，希望对你有帮助。

html新增的标签和属性

一、input type新增的属性

      1、email:输入邮箱，输入错误时会有提示
      2、URL：输入URL地址，输入错误有提示
      3、unmber:可以设置用min和max设置最小值和最大值
      4、date：可以输入正确的日期格式
      6、rang
      7、time
     input新增的属性：
      1、placehoder:用于提示语
      2、required:必须填写
      3、multipe:可以多选
      4、pattarn:用于设定数字必须输入多少位
二、把一个网页设定为几个版块
    格式：
    <header>
     <p>******</P>
    </header>
    <div>
    <section>
    <p>******</P>
    </section>
    <aside>
       <p>******</P>
    </aside>
    </div>
    <footer>
    <p>******</P>
    </footer>
三、表单中出现下拉列表
     格式：
       <input type="text" list="city"/>
       <datalist id="city">
          <option>****</option>
          <option>****</option>
          <option>****</option>
       </datalist>
      注意：list的值和id的值要必须一样
四、head 中的标签
        1、script:添加JS
        2、style:引入css样式
        3、title：设置文网页打开显示的名字
        4、meta：设置字符编码
五、css
    1、css样式表可以分为嵌入式样式、外部样式表和内联样式表
    2、一个样式规则由一个选择器后跟一个声明块组成
    3、选择器
        （1）、元素选择器：直接用html的元素
        （2）、类选择器：在元素定义一个class的属性
              写法：  .类名
        （3）、ID选择器：在html元素内定义一个id值
              写法：#ID名
        （4）、为类选择器：格式化不在文档树种的一些
          以<a>为例
          a：link 用在未访问的链接的选择器
          a:visited 用在已经访问过的链接选择器
          a:hover 用在鼠标光标放在骑上的链接的选择器
          a：active 用在获得焦点（例如:被点击）的脸上的选择器
       注意：类选择器可以在一个文档内根据需要多次使用
            id选择器只能在文芳内应有一次
            在同一个页面 class的值可以一样，ID值不能一样