遇到不会的记录未整理的单词
chrome 浏览器 打开无痕模式 ：cmd+shift+N.
anchor 锚点
cursor 鼠标
1. 常见的词汇
HTTP（Hyper Text Transfer Protocol） 超文本传送协议
HTML( HyperText Markup Languag) 超文本标记语言
CSS（Cascading Style Sheets） 层叠样式表
Cascading 喷泻;梯流;级联效应 cascade development 梯级开发；干显影
bind 捆绑；约束 unbind 解放
property 属性；财产；性质，性能；所有权
2.审查元素
打开Chrome开发者工具，控制台 快捷键 Cmd+Option+I
windows系统是F12
select an elements in the page to inspect it 在页面中选择一个元素进行检查 Cmd+Shift+M
Toggle device toolbar 切换设备工具栏 Cmd+Shift+M
3.哪个样式对应哪个标签呢？这时候就需要用选择器了
HTML中的class 的属性，就是最常用的一种选择器。
在 CSS 中我们用 .container 表示，这就是类选择器。
.container 后面是一个大括号，大括号内就是一系列样式的属性名和属性值，
当然属性名和属性值是不能乱写的，有一定的规范和格式，具体可以参考 MDN Docs: CSS。
4.页面的词汇
Elements 元素
Console
Sources
网页的结构由HTML标签组成，一般一个标签会有起始标签和闭合标签，在起始标签中可以添加属性，参详 MDN Docs: HTML5 标签列表。
起始标签如<div>********</div>
属性：propertyName=“value”
在起始标签的<TagName 和 >之间，以空格隔开，用来描述每个标签的样式或行为，如<img src="./assets/logo.jpg" alt="logo" width="120">
自闭合标签：如img，因为它内部不能放置其他东西了
标签可以鼠标拖拽重新排序
select
网页三剑客
HTML、CSS 和 JavaScript
