网页设计中css的特点
网页设计中的CSS有以下这些特点：一是结构和格式分离;二是能准确控制页面元素;三是使页面体积更小，下载更快;四是可以批量处理页面格式，方便网站维护。
1、结构和格式分离
CSS将页面上内容的结构与格式的控制相分离。浏览者想要看到的是页面上的内容结构，而为了使浏览者更好地看到这些信息，就要通过格式加以控制。
以前，这两者在网页中是交错结合的，使网页的编写和修改非常不方便，但现在将它们分开，使网页设计者更加容易。内容结构和格式控制的分离使页面只由内容组成，而将所有的页面格式控制指向一个CSS样式表文件。
2、准确控制页面元素
CSS可以控制许多单独使用HTML无法控制的元素。例如，你可以为选定的文本指定不同的字体大小和单位(像素、磅数等)，并通过使用CSS以"像素"为单位设置字体大小。
3、使页面体积更小，下载更快
样式表的使用减少表格标签、格式化标签等，简化了页面的格式化代码，而使得页面代码量大大地减少。外部的样式表也会被保存在浏览器的缓存中，加快了下载和显示速度。
4、批量处理页面格式，方便网站维护
只要通过修改保存网站格式的CSS样式表文件，网站的所有元素都会自动更新，整个网站的风格特色都可以改变，这在修改有大量页面的网站时特别有用。它避免了对一个一个网页的修改，大大减少了重复劳动的工作量。
CSS常见布局样式
较为常见的CSS布局样式主要是有两种：一是两列布局样式;二是三列布局样式;其中三列布局样式又分为“两列定宽、中间列自适应”的三列结构和三列自适应结构。
1、两列布局样式
许多网站都有一些共同的特点，即页面顶部放置一个大的导航或广告条，右侧是链接或图片，左侧放置主要内容，页面底部放置版权信息等。
在一般情况下，此类页面布局的两列都有固定的宽度，而且从内容上很容易区分主要内容区域和侧边栏。页面布局在整体上分为上、中、下三个部分，即header区域、container区域和footer区域。
其中的container又包含mainbox(主要内容区域)和sidebox(侧边栏)。
2、三列布局样式
三列布局在网页设计时更为常用。对于这种类型的布局，浏览者的注意力最容易集中在中栏的信息区域，其次才是左、右两侧的信息。
三列布局与两列布局非常相似，在处理方式上可以利用两列布局结构的方式处理。三列布局仅比两列布局多了一列内容，无论形式上怎么变化，最终还是基于两列布局结构演变出来的。
(1)“两列定宽、中间列自适应”的三列结构。
设计人员可以利用负边距原理实现“两列定宽、中间列自适应”的三列结构。
这里负边距值指的是将某个元素的margin属性值设置成负值，对于使用负边距的元素可以将其他容器“吸引”到身边，从而解决页面布局的问题。
(2)三列自适应结构。
实现三列自适应结构，要从改变列的宽度入手。首先，要将submainbox和sidebox两列的宽度设置为自适应;其次，要调整左、右两列有关负边距的属性值;最后，要对内容区域content容器的外边距margin值加以修改。
