1.语义化：（1）将页面分层；（2）使用合理的标签；（3）使用合理的命名。
选择合适的标签、使用合理的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器很好地解析。
2.text-align：center所有的使用场景：查阅MDN说明；应用在一个块级元素上，对其内部的行内元素生效，如图片、input输入框等，不仅仅是文本。
行内元素：a、span、img、input、button、em、textarea
3.行内元素设置宽高是无效的，上下的margin和padding不占据空间，如果加边框，边框可以看见，但是a的高度不变，水平是有效的。可以用行高将其撑开。
4.inline-block的性质和用法：inline-block默认没有上下边距啊，之间是有缝隙的。有一般有4种方法能去掉使用inline-block，1. 把html里面的的inline-block不要换行，写到一行。 2. 用浮动，不用inline-block; 3. 设置margin-left: -4px; 4. 把父元素font-size设置为0，在把inline-block的元素重现设置font-size，见上面的demo。出现上边距一般是由于你在inline-block元素设置font-size后引起的。 可以别在改元素上使用font-size, 而是在父元素上用（解决上边距，但不解决两侧的缝隙）。 或者用上面的第4种方法都能解决。
5.iput必须放在form里，必须有name，不然input中输入的内容会被忽略。form中如果不定义action，输入的内容会定义到当前页面。
6.input中的value是默认输入的内容，placeholder指输入框的提示内容。
7.id用于大区块的划分，其他的最好用class。
8.！important的权重最高，它的兼容性
