1. HTML负责网页整体内容搭建，CSS负责具体内容的布局和展示效果调整，比如常用的有圣杯布局等。
1.1 插入CSS的方式有三个，直接项目属性style, HTML文件head中style, 或者新建.css文件。
2. HTML常用的语法有：
- div， 用来建立新的层，类似PS中的图层概念。
- main， body，用来表示网页的主体内容，方便工程师快速找到位置。
- h*， 用来表示title，有1~6六个选择，文字大小从大到小。
- img， 用来插入图片。
- a， 用来插入链接，这里的链接既可以单独建立连接按钮，也可以嵌入在文本和图片上。属性中加target=_blank可以使连接自动在新的tab中打开。
- ol：有序列表，ul：无序列表，列表下每一项是li。
- input，键盘输入内容，比如搜索引擎输入框。
- button 选择按钮。
3. CSS常用的语法有：
- font-, 设置文本颜色大小等。
- width，height，设置图片和box的宽高，也可以设置为auto。
- border-， 设置边框，用处有三个，第一可以单纯加边框，第二可以用来debug一些展示效果不好的问题，第三可以用来制作圆形图标（radius50%）。
- padding， margin，内边距和外边距，用来调整内容的位置，设为负值可以使得超越边框，默认顺序上右下左，也可以只输入两个则默认是上下-左右，或者直接用-top, -bottom, -right, -left修改。
- background，用来添加背景图片颜色和修改格式。
- rgb，用来使用rgb格式输入需要的颜色。
- 选择器顺序：内联>id>class>继承，同时 !important优先级最高。
- 在list中可以使用nth-child, last-child, first-child, 选择列表中的某些，可以加:odd, :even, :before, :after表示奇偶个和之前之后位置。
