HTML&CSS高级课程

目录：

1. html元素语义化
2. 部分html5新元素
3. 块级元素和行内元素及其区别
4. html与css分离
5. 选择器(上)
6. 选择器(下)
7. 伪类和伪元素
8. 媒体查询
9. 综合练习

1.什么是语义化？
简单来说就是根据内容的结构化，选择合适的标签，便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。
标题就用标题的标签(h1、h2)，内容就用内容的标签(section,article,这两个标签之后会学到)，而不是随随便便的去用div或者p、span。
虽然一个网页单单只用div标签也可以做出来，但是这样并不是一个好的方法。不利于SEO(例如百度搜索你网页的内容)，而且在团队协作开发中也不利于后期的维护。
关于语义化，只需要理解这部分的内容并在平时的coding中注意即可。
尽可能少的使用无语义的标签div和span；在语义不明显时，即可以使用div或者p时，尽量用p, 因为p在默认情况下有上下间距，对兼容特殊终端有利；不要使用纯样式标签，如：b、font、u等，改用css设置。需要强调的文本，可以包含在strong或者em标签中（浏览器预设样式，能用CSS指定就不用他们），strong默认样式是加粗（不要用b），em是斜体（不用i）；使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td；