W3C从三个方面标准定义Web
- 结构（HTML）
- 表现（CSS）
- 行为（JavaScript）
实现这三者分离，互不干涉。
这三者相互分离的好处？
按照W3C标准，编写网页时应该先考虑结构，之后再结构的基础上添加样式，最后再加上交互行为。HTML用来保存内容和结构，CSS用来控制整个文档的表现。所以相互分离的好处是更好的读取文档内容，更好的后期维护。
语义化与SEO
语义化定义：合理HTML标记以及其特有的属性去格式化文档内容。
通俗点儿讲就是对数据和信息进行处理,使得机器可以理解。
SEO(Search Engine Optimization):是一种方式,利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。
为什么要用语义化？
因为语义化的文档有助于提升您的网站对访客的易用性，对于搜索引擎或者爬虫软件来说，则有助于它们建立索引，并可能给予一个较高的权值。
CSS
其实要讲CSS一句两句还真是讲不完呢，这里我就简单说：
CSS英文全称：Cascading Style Sheets,中文全称：层叠样式表
所以笼统的讲CSS就是一种表现形式，对网页进行渲染。
CSS有哪些特点？
- 层叠性
这个特性就是指当一个标签被设置了多个重复的样式时，一个属性会覆盖另外一个属性。 - 继承性
这个特性就是指当子标签没有设置样式时，会继承父标签的样式。 - 优先级
这个特性我用一张表格来解释：（权重计算方法）
如图所示几个规则：
1.权重使用四个数字来衡量(x,x,x,x)
2.继承的权重为(0,0,0,0)
3.元素、伪元素选择器的权重为(0,0,0,1)
4.类、伪类、属性选择器的权重为(0,0,1,0)
5.id选择器的权重为(0,1,0,0)
6.行内样式的权重为(1,0,0,0)
7.!important的权重无限大
