内容与样式分离的原则

html主要是控制页面内容结构就像页面的骨架，css主要是控制页面样式，js主要控制页面的元素的行为。
他们三者相互关联，才可以完整的显示页面的所具有的功能和效果。
内容与样式分离 就是把HTML的功能和css的功能分开写，这样同一样式的内容不用重复去写样式而且不同的标签可以使用同一个样式，使用css的样式得到高效利用，同时HTML的骨架内容也清晰，一目了然，有助于修改。

CSS与HTML分离的优点

1、使页面载入得更快由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式的逐层加载速度快。
2、修改设计时更有效率在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。而表格布局则更不省事。
3、保持视觉的一致性DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。
4、更好地被搜索引擎收录由于将大部分的[HTML代码]和内容样式写入了CSS文件中，这就使得网页中代码更加适合搜索引擎。
5、对浏览者和浏览器更具亲和力对浏览者和浏览器更具亲和力，由于CSS富含丰富的样式，使页面更加灵活性，更加的美观，它可以根据不同的浏览器，而达到显示效果的统一和不变形。

CSS与HTML分离的缺点

1、CSS网站制作的设计元素通常放在1个外部文件中，或几个文件，有可能相当复杂，甚至比较庞大。
2、虽然说DIV+CSS解决了大部分浏览器兼容问题，但是也有在部分浏览器中使用出现异常，比如火狐浏览器，在IE中显示正常的页面，到了火狐浏览器中可能会面目全非。当然这应该是浏览器的问题，但是可以说在目前来看，DIV+CSS还没有实现所有浏览器的统一兼容。
3、DIV+CSS对搜索引擎优化与否,取决于网页设计的专业水平,而不是DIV+CSS本身。