HTML5的标签和CSS层叠样式

HTML5中input标签所增加的属性

1、placeholder：提示属性列如：<input type="text" placeholder="请输入用户名" name="username" />
    2、pattern：简单的正则列如：<input type="password" placeholder="6位以上的数字" name="password" pattern="[0-9]{6,}" />
    3、Email：输写邮箱的列如：<input type="email" placeholder="请输入email"/>
    4、number：输写数字的，min代表输入的最小的数，max代表输入最大的数例如：<input type="number" min="1" max="100"/>
    5、在input里可以选择文字也可以输入文字的框例如：
     <input type="text" name="caty" list="caty"/>
        <datalist id="caty">
            <option value="四川">四川</option>
            <option value="上海">上海</option>
            <option value="北京">北京</option>
        </datalist>
    6、multiple：选择多个文件例如：<input type="file" multiple/>
    7、date:选择年月日例如：<input type="date"/>
    8、formnovalidate：不验证提交例如：<input type="submit" formnovalidate="" value="提交"/>
    9、formaction：提交其他页面
语义化标签
    1、header：代表头部
    2、nav：代表导航
    3、section：代表左侧内容（主题内容）
    4、article：代表文章
    5、figure：代表图片
    6、detalist：代表折叠段落
    7、summary：代表段落标题
    8、aside：代表内容的右侧栏（少部分的）
    9、footer：代表尾部版权等等的信息
css2.0
1、伪类选择器 
    (1)a:link    是用在未访问的连接选择器
    (2)a:visited   是用在已访问的连接选择器
    (3)a:hover   是用在鼠标光标停留的连接选择器上的显示
    (4)a:active   是用在点击过后或者获得焦点的连接上的选择器
2、元素选择器
    用HTML上的标签而设定层叠样式例如
    div{
        width: 1000px;
        height: 1000px;
        background-color: #808080;
    }
3、选择器
    用标签上设定的ID来选择
    <div id="div1">你好<div/>
      #div1{
                width: 1000px;
                height: 1000px;
                background-color: #808080;
            }
4、类选择器
    <div clsaa="div1">你好<div/>
      .div1{
                width: 1000px;
                height: 1000px;
                background-color: #808080;
            }