文件名规范:名称全部用小写英文字母

    权重值:
    内联:1000
    id:100
    class:10
    标签:1

    a:hover :只能本身和子集

    一级标题

    二级标题

    三级标题

    四级标题
    五级标题
    六级标题

    段落标记

    &nbsp ; 空格 *

    加粗内容
    加粗内容*

    倾斜*
    倾斜


    水平线

    ul,ol,dl 列表

    无序列表*
    有序列表
    名词
    解释

    布局标签:div 区域框 自上往下
    span 截点 自左向右
    内容中看不到


    超链接的应用:
    空链接
    新页面打开
    _self:在当前页面打开 (默认)


    div和span的用法:

    块标签
    文本节点标签:可以是某一段文本,或是一个字


    数据表格的作用及组成:
    表格组成:







    注:一个tr表示一行;一个td表示一列(一个单元格)


    HTML表单:

    表单
    输入域
    定义域

    range类型
    是用来只允许输入一段范围内数值的文本框,它具有min属性与max属性,及step属性,可以指定每次拖动的步幅。
    例:
    min 最小值
    max 最大值
    step 数字间隔

    1.新增属性:placeholder属性:文本框处于未输入状态时文本框中显示的输入提示
    2.autofocus 属性:给文本框,选择框,或者按钮控件加上该属性,当打开页面时,该控件自动获得焦点,一个页面只能有一个
    3.autocomplete属性:输入富足的所用的自动完成功能,是一个节省时间,同时也十分方便的功能。属性值:on/off。 on 可是显示指定候补输入的数据列表,使用datalist元素与list属性提供候补输入的数据列表。自动完成时,可以将该datalist元素中的数据作为候补输入的数据在文本框中显示;

    4.novalidate取消验证 可以对form表单添加novalidate属性,即使form表单中的input添加了required,也将不进行验证partten

    5.Multple: 可以输入一个或多个值每个值之间用逗号隔开 例如:: 还可以应用于file

    6.patterm属性

    pattern用于验证表单输入的内容,通常HTML5的type属性,比如email、tel、number、data类、url等,已经自带了简单的数据格式验证功能了,加上pattern后,前端部分的验证更加简单高效了。

    显而易见,pattern的属性值要用正则表达式。

    实例
    简单的数字验证
    数字的验证有两个:

    正则
    [abc] a、b 或 c(简单类)
    [^abc] 任何字符,除了 a、b 或 c(否定)
    [a-zA-Z] a到 z 或 A 到 Z,两头的字母包括在内(范围)
    [a-d[m-p]] a到 d 或 m 到 p:[a-dm-p](并集)
    [a-z&&[def]] d、e 或 f(交集)
    [a-z&&[^bc]] a 到 z,除了 b 和 c:[ad-z](减去)
    [a-z&&[^m-p]] a 到 z,而非 m 到 p:[a-lq-z](减去)
    信用卡 [0-9]{13,16}
    银联卡 ^62[0-5]\d{13,16}$ Visa: ^4[0-9]{12}(?:[0-9]{3})?$
    万事达:^5[1-5][0-9]{14}$ QQ号码: [1-9][0-9]{4,14}
    手机号码:^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$
    身份证:^([0-9]){7,18}(x|X)?$
    密码:^[a-zA-Z]\w{5,17}$ 字母开头,长度在6~18之间,只能包含字母、数字和下划线
    强密码:^(?=.\d)(?=.[a-z])(?=.*[A-Z]).{8,10}$ 包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间 7个汉字或14个字符:^[\u4e00-\u9fa5]{1,7}$|^[\dA-Za-z_]{1,14}$

    Datalist :选项列表 例:

    提示:option 元素永远都要设置 value 属性。 list属性:结合datalist元素使用

    output:
    定义不同类型的输出,如计算结果的输出,或脚本的输出。
    注:必须从属于某个表单。即,必须将它书写在表单内部
    Output标签IE不支持
    对新元素样式的使用:
    注意,跟 input 标签设置样式一样,但是要设置标签中局部的样式不能实现。如改变日历的背景色,颜色框的按钮效果,等,这些都不可以实现。

    0100+

    =