web前端(二)

表格标签:

按照这个顺序: 一个可选的 元素 零个或多个的 元素 一个可选的 元素 下列任意一个: 零个或多个 零个或多个 一个可选的 元素 单元格合并属性:rowspan 行合并 colspan 列合并

表单标签:


 的工作方式相当程度上取决于 type 属性的值。如果未指定此属性,则采用的默认类型为 text。

type :button checkbox date email 等

选择器:


通用选择器

    选择所有元素。(可选)可以将其限制为特定的名称空间或所有名称空间。

    语法:* ns|* *|*

    例子:* 将匹配文档的所有元素。
元素选择器

    按照给定的节点名称,选择所有匹配的元素。

    语法:elementname

    例子:input 匹配任何  元素。
类选择器

    按照给定的 class 属性的值,选择所有匹配的元素。

    语法:.classname

    例子:.index 匹配任何 class 属性中含有 "index" 类的元素。
ID 选择器

    按照 id 属性选择一个与之匹配的元素。需要注意的是,一个文档中,每个 ID 属性都应当是唯一的。

    语法:#idname

    例子:#toc 匹配 ID 为 "toc" 的元素。
属性选择器

    按照给定的属性,选择所有匹配的元素。

    语法:[attr] [attr=value] [attr~=value] [attr|=value] [attr^=value] [attr$=value] [attr*=value]

    例子:[autoplay] 选择所有具有 autoplay 属性的元素(不论这个属性的值是什么)。


选择器列表

    , 是将不同的选择器组合在一起的方法,它选择所有能被列表中的任意一个选择器选中的节点。

    语法:A, B

    示例:div, span 会同时匹配  元素和 
元素。 后代选择器 “ ”(空格)组合器选择前一个元素的后代节点。 语法:A B 例子:div span 匹配所有位于任意
元素之内的 元素。 子代选择器 > 组合器选择前一个元素的直接子代的节点。 语法:A > B 例子:ul > li 匹配直接嵌套在
    元素内的所有
  • 元素。

表单练习web前端(二)_第1张图片

 web前端(二)_第2张图片

 

你可能感兴趣的:(前端)