最新 H5 HTML CSS记录 新手入门，前端敏捷开发

(1)有序列表

(2)无序列表

• ul中只能嵌套li，而li可以嵌套任意标签。

(3)定义列表

是标题及列表项的结合。

18.表格基本结构：单元格、行、列

(1)

(2)HTML5中已废除table的border属性，用css控制边框宽度。

(3)跨列(横向)：内容

跨行(竖向)：内容，两者都要删除被合并的其他单元格。

(4)表格特点：同行单元格高度一致且水平对齐，同列单元格宽度一致且垂直对齐。

19.视频元素：

(1)controls属性提供播放暂停和音量控件、autoplay属性自动播放、loop属性循环播放

你的浏览器不支持video标签

(2)source元素链接不同的视频文件，浏览器会自动选择第一个可识别的格式：

你的浏览器不支持video标签

20.音频元素：使用语法和视频元素一样，只要把video换成audio即可。

21.HTML5的结构元素(先划分结构再写内容)：

header(头部)、footer(脚部)、

section(独立区域)、article(独立文章内容)、

aside(相关内容或应用,常用于侧边栏)、nav(导航类辅助内容)

22.框架:方便在页面中引用站外的页面内容。

23.和锚链接的结合：使锚链接的内容在iframe框架中打开

点击在框架中打开

——3 表单——

24.表单标签form：

表单内容

(1)action="url"属性意为把表单提交到某个页面,method=get|post意为向服务器发送数据的方式。

(2)提交方法：get提交,表单数据会在地址栏url中显示；而post提交不会显示，所以post提交更安全。

(3)enctype="text/plain"指enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。text/plain 空格转换为加号+，但不对特殊字符编码。

24.表单元素：

(1)表单元素标签的属性：

type(默认text,其他password,email,checkbox,radio,button,submit,reset,file,image,url,hidden,number,range,search等)、name、value(可选,该元素的初始值)、size(该元素的初始宽度)、maxlength(可输入的最大字符数)、checked(按钮被选中)

(2)列表框标签：

中至少包含一个。在有多行选项需滚动查看时，size属性设置可提示看到的行数，selected属性默认选中该列表项。

(3)按钮：button普通(要和事件如onclick关联使用),submit(提交表单到action指定的url并传递表单数据),reset重置。要求美观可使用图片按钮如

(4)多行文本域：不能用value属性赋初始值

自我评价

(5)数字number：限制输入的数据为数字，设定最大值最小值、合法的数据间隔step或默认值等

(6)滑块range：作用和数字number一样，只是外观显示为用滑动条选择数值

(7)search搜索框:在任意页面中用于输入搜索关键词的文本框

(8)文件域：多用于文件上传

(9)当表单数据包含普通数据、文件数据等多部分内容时，要设置表单的enctype编码属性为 multipart/form-data,表示把表单数据分为多部分提交。

(10)表单隐藏域hidden：数据不会页面中显示，但会随表单一同提交。

(11)表单元素 只读属性readonly、禁用disabled

(12)W3CHTML5标准中，规定对布尔类型的属性，属性值可以省略。

(13)表单元素的标注label：当鼠标单击标注的文本时，浏览器会自动对焦关联的表单元素，for属性规定label与哪个表单元素绑定。name和id属性必需。

女

24.HTML5表单新标签

供用户输入的表单

输入域

文本域 (多行输入) 定义 元素的标签，一般为输入标题 定义一组相关的表单元素，并使用外框包含起来 定义 元素的标题 下拉选项列表 选项组 下拉列表中的选项 点击按钮 指定一个预先定义的输入控件选项列表 定义了表单的密钥对生成器字段 计算结果 25.表单验证 (1)好处：减轻服务器的压力；保证数据的可行性和安全性。 (2)placeholder:为文本框提示用户输入 (3)required：规定文本框不能为空 (4)pattern：输入的内容必须符合正则表达式自定义的规则 规定以13、15开头的11位数字 ——4 CSS3基础—— 26.CSS：Cascading Style Sheet层叠样式表,又称风格样式表Style Sheet，用于设计网页风格。 27.CSS3的基本语法结构： (1)CSS中注释为 /*内容*/ (2)CSS规则由选择器、声明组成。 (3)声明必须放在大括号{}中，声明可以是一或多条。 (4)每条声明由一个属性和值组成，属性和值用冒号:分开，每条语句以分号;结尾如

28.在HTML中引入CSS样式的方式：

(1)行内样式：直接在标签中用style属性设置CSS样式。

字体大小

(2)内部样式表：把css代码写在的

(3)外部样式表：文件扩展名为.css 在外部样式表中可直接写样式代码，不需要

a.链接式引用外部样式表(常用)：

b.导入式引用外部样式表：

29.样式优先级：“就近原则”，行内样式>内部样式表>外部样式表

当有很多样式时，用 !important 可以为某一个样式覆盖掉其他所有样式。

如 #textcolor{ clor:pink !important;}

30.CSS选择器命名规范：驼峰命名法，用语义化单词命名且不能和ID选择器同名.

31.CSS3的基本选择器

(1)标签选择器：以标签名作选择器的名称如 h1{color:red;}

(2)类选择器：选择器名可自定义如 .red{color:red;}同时要设置<标签 class=“red”>内容</标签>

(3)ID选择器：选择器名可自定义如 #red{color:red;}同时要设置<标签 id=“red”>内容</标签>ÿ