第3章 初探HTML

HTML是一种标记语言，其标记以应用于文档内容的元素为其存在形式。

3.1 使用元素

元素是一种用来向浏览器说明文档内容的工具。

元素名不区分大小写。

3.1.4 使用虚元素

只使用一个标签表示。例如hr。

<hr> <hr/>

3.2.2 使用布尔属性

布尔属性不需要设定一个值，只需将属性名添加到元素中即可。

<input disabled>

3.2.3 使用自定义属性

用户可自定义属性，以“data-”开头

<input disabled data-creator="admin">

3.3.5 了解元素类型

元素有三大类：元数据类型、流元素、短语元素。

元数据类型用来构建HTML文档的基本结构，以及就如何处理文档向浏览器提供信息和指示。

流元素和短语元素确定一个元素合法的父元素和子元素范围。短语元素是HTML的基本成分。流元素是短语元素的超集。

3.5 HTML5全局属性

3.5.1 accesskey属性

使用accesskey属性可以设定一个或几个用来选择页面上的元素的快捷键。

3.5.2 class属性

3.5.3 contenteditable属性

能够修改页面上的内容。

3.5.5 dir属性

用来规定元素中文字的方向。

3.5.8 hidden属性

3.5.9 id属性

id属性还可以用来导航到文档中的特定位置。example.html#myelement。

3.5.10 lang属性

lang属性说明元素内容使用的语言。

3.5.11 spellcheck属性

spellcheck属性用来说明浏览器是否应该对元素的内容进行拼写检查。只有用在用户可以编辑的元素上时才有意义。

3.5.12 style属性

style属性用来直接在元素身上定义CSS样式。

3.5.13 tabindex属性

HTML页面上的键盘焦点可以通过按Tab键在各元素之间切换。用tabindex属性可以改变默认的转移顺序。

3.5.14 title属性

title属性提供了元素的额外信息。浏览器通常用这些东西显示工具提示。

第4章 初探CSS

4.1..4 使用外部样式表

如果不同样式表中的样式使用了相同的选择器，那么这些样式表的导入顺序很重要，在此情况下得以应用的是后导入的样式。

1. 从其他样式表中导入样式

用@import语句将样式从一个样式表导入到另一个样式表。

2. 声明样式表的字符编码

@charset “UTF-8”

4.2 样式的层叠和继承

浏览器根据层叠和继承规则确定显示一个元素时各种样式属性采用的值。

4.2.1 浏览器样式

默认样式。

4.2.2 用户样式

大多数浏览器都允许用户定义自己的样式表。

4.2.3 样式如何层叠

浏览器要显示元素时求索一个CSS属性值的次序：

（1）元素内嵌样式（用元素的全局属性style定义的样式）

（2）文档内嵌样式（定义在style元素中的样式）

（3）外部样式（用link元素导入的样式）

（4）用户样式（用户定义的样式）

（5）浏览器样式（浏览器应用的默认样式）

4.2.4 用重要样式调整层叠次序

把样式属性值标记为重要，可以改标正常的层叠次序。

color:black !important;

4.2.5 根据具体程度和定义次序解决同级样式冲突

样式的具体程度通过同级三类特征得出：

（1）样式的选择器中id值的数目

（2）选择器中其他属性和伪类的数目

（3）选择器中元素名和伪元素的数目

如果同一个样式属性出现在具体程度相当的几条样式中，那么浏览器会根据其位置的先后选择所用的值，规则是后来者居上。

4.2.6 继承

如果浏览器在直接相关的样式中找不到某个属性的值，就会求助于继承机制，使用父元素的这个样式属性值。

与元素外观（文字、颜色、字体）相关的样式会被继承；与元素在页面上的布局相关的样式不会被继承。在样式中使用inherit这个特别设立的值可以强行实施继承，明确指示浏览器在该属性上使用父元素样式中的值。

第5章 初探JavaScript

第6章 HTML5元素背景知识

第7章 创建HTML文档

7.3.1 script元素

默认情况下，浏览器一遇到script元素就会暂停处理ＨＴＭＬ文档，转而载入脚本并执行其中的脚本。在脚本执行完毕之后浏览器才会继续解析HTML。

在script元素中加入defer属性，会将脚本的加载和执行推迟到ＨＴＭＬ文档中所有元素都已得到解析之后。

4.异步执行脚本

使用了async属性后，浏览器将在继续解析HTML文档中其他元素的同时异步加载和执行脚本。

第8章 标记文字

第9章 组织内容

第10章 文档分节

第11章 表格元素

第12章 表单

第13章 定制input元素

第14章 其他表单元素及输入验证

第15章 嵌入内容

第16章 理解CSS

第17章 使用CSS选择器

第18章 使用CSS选择器

第19章 使用边框和背景

第20章 使用盒模型

20.4 处理溢出内容

overflow、overflow-x、overflow-y

20.6 设置元素的盒类型

20.6.1 认识块级元素

display=block

20.6.2 认识行内元素

display=inline

20.7 创建浮动盒

可以使用float属性创建浮动盒，浮动盒会将元素的左边界或者右边界移动到包含块或另一个浮动盒的边界。

阻止浮动元素堆叠

clear

第22章 设置文本样式

第24章 其他CSS属性和特性

第25章 理解DOM

第26章 使用Document对象

第27章 使用Window对象

第28章 使用DOM元素

第34章 使用多媒体

34.1 使用video元素

可以用video元素在网页里嵌入视频内容。

第37章 使用拖放

完。