html css知识点总结2

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的权重最高，它的兼容性