网页如何实现结构与样式分离？

来源：百度知道 编辑：UC知道 时间：2024/05/14 03:45:42
要想实现结构与样式分离是不是尽量要少用DIV或者Table的属性而多用CSS控制页面的显示？另外我在做的时候习惯在标签中插入Style定义样式，用id或者class的话老为起什么名字而头痛，哎···真是新手啊。我甚至都在怀疑那些大的网站是不是首先一遍看着网页的效果图，一边写着CSS。因为它们都用了许多的class跟id，他们怎么知道哪些样式是公用的呢?呵呵，不知道我的疑问是不是有些傻瓜。还望大家能够指点一二。

1、使页面载入得更快
由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式的逐层加载速度快。

2、修改设计时更有效率
在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。而表格布局则更不省事。

4、保持视觉的一致性
DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。

5、更好地被搜索引擎收录
由于将大部分的HTML代码和内容样式写入了CSS文件中，这就使得网页中代码更加适合搜索引擎。

6、对浏览者和浏览器更具亲和力
对浏览者和浏览器更具亲和力，由于CSS富含丰富的样式，使页面更加灵活性，更加的美观，它可以根据不同的浏览器，而达到显示效果的统一和不变形。

CSS