9.8：chrome Dev Tools

1.打开：1.菜单，更多工具，开发者工具

​ 2.F12

​ 3.CTRL+shift+I

​ 4.右键：检查

2，命令：CTRL+shift+P

3.常用选项卡：元素：elements

​ 控制台：console

来源：sources

网络：Network

4.查找DOM树：

CTRL+f：查找

//:全局

//section/p：/为后代意思

//section/div.heading-line：#或.是并集查找

5.控制台查找节点：

-inspect(element)

6.编辑样式：

element.style:{

}

7.关系选择器：

子代选择器：>

后代：空格

并集：，

8.属性选择器：【】

属性值包含某个值：*=“ ”

以某个值结尾：$=" "

以某个值开头：^=" "