1
使用vim编辑器编辑后，用 :wq进行保存
checkbox被勾选
3
- 英文和数字不会出现乱码，中文可能出现
- HTML的head标签中添加
<meta charset="utf-8">不一定能解决问题 - 页面保存的时候什么形式，HTML的head标签里的meta的charset就属于什么形式的编码
4
- 语义化的本质性是可读
- 使用语义化标签能让代码更简洁，能用尽量使用
5
id1、id2一组，id3、id4一组，实现单选
6
box-sizing: content-box;
width: 100%;
7
切换到上级目录的命令 cd .. 或者 cd ../
8
blink内核的浏览器：Chrome和新版opera
9
-
<!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。 -
<!DOCTYPE>声明不是一个 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。 -
在 HTML 4.01 中，
<!DOCTYPE>声明需引用 DTD （文档类型声明），因为 HTML 4.01 是基于 SGML （Standard Generalized Markup Language 标准通用标记语言）。DTD 指定了标记语言的规则，确保了浏览器能够正确的渲染内容。 -
HTML5 不是基于 SGML，因此不要求引用 DTD。
注释： 标签没有结束标签。
提示： 声明不区分大小写。
提示： 使用 W3C 的验证 检查您是否编写了一个带有正确 DTD 的合法的 HTML / XHTML 文档！
- 这个声明的目的是防止浏览器在渲染文档时，切换到我们称为“怪异模式(兼容模式)”的渲染模式。“
<!DOCTYPE html>" 确保浏览器按照最佳的相关规范进行渲染，而不是使用一个不符合规范的渲染模式。
10
<html lang="en">的作用是告诉浏览器当前页面主体语言是英语，且帮助浏览器翻译工具或者读屏器识别页面语言
11
水平合并单元格：clospan
垂直合并单元格：rowspan
12
CSS注释：/*注释*/或者/***注释***/
13
@import引入CSS必须放在style标签或者CSS文件中，且必须放在CSS文件开头，最后的分号不能少
14
!important一些经验法则：
- 一定要优先考虑使用样式规则的优先级来解决问题而不是
!important - 只有在需要覆盖全站或外部 CSS 的特定页面中使用
!important - 永远不要在你的插件中使用
!important - 永远不要在全站范围的 CSS 代码中使用
!important
15
当页面对兼容性有高要求，不能使用flex或者CSS3布局的时候或者需要使用“水平”排列的时候，可以考虑使用浮动，使用浮动时，要对父元素清除浮动。
16
文档中的层叠上下文由满足以下任意一个条件的元素形成：
-
文档根元素（
<html>）； -
position值为absolute（绝对定位）或relative（相对定位）且z-index值不为auto的元素； -
position值为fixed（固定定位）或sticky（粘滞定位）的元素（沾滞定位适配所有移动设备上的浏览器，但老的桌面浏览器不支持）； -
flex ([
flexbox(en-US)]) 容器的子元素，且z-index值不为auto； -
opacity属性值小于1的元素； -
mix-blend-mode属性值不为normal的元素； -
以下任意属性值不为
none的元素： -
isolation属性值为isolate的元素； -
-webkit-overflow-scrolling属性值为touch的元素； -
will-change值设定了任一属性而该属性在 non-initial 值时会创建层叠上下文的元素； -
contain属性值为layout、paint或包含它们其中之一的合成值（比如contain: strict、contain: content）的元素。
17
position:absolute定位的参考元素是最近的非static定位的祖先元素和最近的是定位元素的祖先
18
repaint案例：增加、删除、更新DOM节点；修改元素的magin、padding、border；display:none；visibility:hidden；修改颜色、背景色
19
reflow案例：增加、删除、更新DOM节点；修改元素的magin、padding、border；display:none
20
CSS里给一个选择器设置了背景图片，而此选择器并未选中HTML里任何元素，浏览器不发送图片请求
21
CSS里选择一个页面上的元素，设置了背景图片，但设置该元素display:none，浏览器给自己发送请求，给父亲设置不发送请求
