css制作页面有哪些优点，CSS做网站的优势

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名注册、网络空间、营销软件、网站建设、绍兴网站维护、网站推广。

本文目录一览

• 1，CSS做网站的优势
• 2，使用css有什么好处
• 3，divcss建立页面的好处

1，CSS做网站的优势

可以定义一个css样式表，扩展名为.css,然后在你想引用css的网页里面的之间加如如下代码*.css是你保存的css样式表

大家都知道DIV+CSS是目前正在流行的网页布局方式，但是它与表格布局、框架布局相比较而言又有哪些优点呢？今天我就来给你分享一下DIV+CSS这种布局方式的优点：(1) 结构清晰，容易被搜索引擎收集。(2) 与表格比能减少代码，实现表格布局的许多功能，从而提高页面的加载速度。(3) 能够在任何地方、任何设备上表现已经构建好的网页布局。(4) 可以实现和表现和内容数据的分离。(5) 能很好的控制页面的布局效果。(6) 拥有强大的字体控制和排版能力。这是本人总结的，希望笑纳。

2，使用css有什么好处

CSS是Cascading Style Sheets（层叠样式表单）的简称。不过大家都把它称作样式表，它是一种设计网页样式的工具。借助CSS的强大功能，网页将在您丰富的想象力下千变万化。至于它的效果就是千变万化了,如果有需要了解的话可以去:http://homepage.yesky.com/css/看!

CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。它的作用可以达到：
（1）在几乎所有的浏览器上都可以使用。
（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。
（3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。
（4）你可以轻松地控制页面的布局 。
（5）你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。

3，divcss建立页面的好处

看了cragle的《有没有必要将网站Div+Css重构?》的文章，有一些想法不说不快，我也在文章的评论里提到曾经开除过两个执着使用div技术的美工，遭到一些朋友的反对，但也有一位技术总监的朋友发帖表示支持，很经典的话就是：“做站是给人看的。不是给机器。符合w3c标准又怎么样?”。说到web设计，我是2000年入行的，应该还是有说几句话的份，先说说被我开的两个美工吧。那是和朋友一起筹建一个新公司，招了一个美工设计公司的形象网站，在谈论工资的时候，他便说，如果你们要我用div做页面的话，工资要高一点。我想高点就高点，如果你真做的好，没有关系。其实那个时候我也是才开始认真研究这个东西。但出乎我的意料的是，在公司的网站的宣传广告里，这位仁兄居然加了这么一句话(宣传嘛，广告语我没有时间写那么多，就让他充分发挥)，内容是：“国内90%以上的网站将被淘汰，div+css即将成为未来标准”。也许是想他比较自信吧，但是没有深究，万没有想到的是，这个简单的宣传网站足足花了半个月时间，页面设计水平很烂——颜色搭配都不好，终于被投资人推翻了，又重新设计了半个月，又被推翻了，虽然我一直强调美工应该先学好网站结构设计，颜色搭配等等，但他都当成耳边风，终于，我让他离开了。后来公司再次改版，花了一个星期，做的十分漂亮，table结构。我这个时候还没意识到div在一些新人眼中产生的误导会比我想象的严重，直到第二个美工上班。他是才毕业的，非常勤恳的做事，但他绝对中毒不轻。第一天上班，他便指着我电脑上开的IE，说，你这个东西是很不安全的，非常非常烂的，一定要用firefox，只有firefox才是正途，以后都是firefox的天下。我愕然，那个时候，网上充斥着firefox的广告——很多站长为了挣美元，很不厚道的贬低IE，狂夸firefox，目的就是为了吸引访问者下载。这位仁兄也喜欢用div编写页面，并且对table表现出极大的不屑，甚至眼里容不得table这个单词，他开始每天花费90%的时间用于构建html文件和css样式表，甚至为了一个px拿尺子在屏幕上丈量——实在太夸张了，却只把10%的时间放在页面整体设计和美工制作。同时，为了节约几个字节，把一个图片裁成一个很小字节的图片，整个图片文件夹充满了细碎的图片。当然，他到最后也没拿出令我满意的作品，因为种种原因，我们的改版是很频繁的，有时候很大，我不可能为了改一点小东西等他在那里堆一天的代码，测试N个浏览器。毕竟做公司的，要考虑成本，我每天只拥有他8个小时的工作时间，等不得，我只有请他离开。说实话，我并不是反对div+css，但物生一利，必生一弊，div+css的利处大家说了很多，我就说说狂热的追求div+css的几个弊端： 1、大大增加了开发时间，同时也增加了开发成本。当然如果你是一个熟手，或者可以白天黑夜都加班而不用担心没有加班费，那可能不会。
2、大大增加协同工作的难度，很多没学过div的程序员对于美工出的div页面束手无措，稍微改错了，可能整个站点就惨不忍睹了。当然，如果你是一个全才，可以搞定一切，也可能不会。
3、增加了开发风险，一个css文件的出错，可能导致整站崩溃，惨不忍睹，大量的访问链接同时调用静态的css文件，可能造成并发错误，调用失败。几年前，我在一个朋友车里坐着玩的时候，当时他唾沫横飞的问我，你会不会做web2.0，我说web2.0不是技术，web2.0是一种思想，并不是改成div+css就是2.0了。他说错了错了，你落伍了，你们那个1.0的网站马上就要不行的，我马上要投资做的2.0网站打算如何如何，准备上市的。几年后，我那个1.0的网站销售额还在稳步增长，但他的2.0却再没听他提过。div不是坏东西，但是不能钻牛角尖。关于某些维护div的div党，有几个误区我想说一下，也给新入行的朋友一点提醒。误区一：W3C标准就是摒弃一切表格 查阅一下W3C的帮助文件，没有发现W3C放弃了table定义，而且利用table制作的页面也一样可以通过W3C效验，事实上，跟随网页从产生到现在，table一直都是标准的W3C定义。误区二：div+css可以精简代码 大家都说DIV的布局精简代码，但是用DIV替代TABLE所节约的代码又被CSS(样式)所占用，而这些样式大多用于控制DIV的排版布局。
一旦css出错，后果不堪设想。而且，狂热的追求把几十K的页面再缩小一倍，完全没必要，大家都知道，一个网页打开，真正占带宽的不是网页本身，而是图片，flash等，一个页面100K，可能需要下载的图片，flash，视频有几M之多。现在硬件发展速度远超软件发展速度，带宽也渐渐不是问题。狂热追求代码的精简是舍本逐末。误区三：用div可以更容易被搜索引擎搜索到 目前尚无任何证据证明用div可以更容易被搜索引擎收录，也许这个只是存在于美好的想象中。始终坚信，做网站就四个字：“内容为王”。做公司，也是四个字：“开源节流”。其它的，都是虚的。追求新技术不是错，但钻牛角尖就不对了，用div也没错，确实有很多好处，但切不可成了div的偏执狂。本文来自：网页教学网(www.webjx.com)原文链接：http://www.webjx.com/CSS/20071117/css_1145.html

DIV就只是布局元素，这东西比表格好的唯一就是你可以定义一个ID，想怎么玩它就怎么玩他，表格用来处理显示数据，DIV+css+TABLE就行了，都什么年代了，以前没有DIV，而且386的年代不也一样，现在都奔腾4了，凡是和我讨论客户段效率的全是脑子有问题的，楼上说的没错，影响的全是图片和FLASH，所以我一直建议一个提交按钮就不要用图片带代替了 ，你用什么用的熟练就用什么，讲究的是效率，客户永远不管你用什么，页面就要好看，功能就要好用，还有时间和成本的问题

业界越来越关注div+css的标准化设计，大到各大门户网站，小到不计其数的个人网站，在div+css标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是div+css标准？div+css的标准化设计到底有什么好处？ div 全称 division 意为“区分”使用 div 的方法跟使用其他 tag 的方法一样。
very excellent webmaster club www.caifuw.com 如果单独使用 div 而不加任何 css, 那么它在网页中的效果和使用 是一样的。
div本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的html代码 css是cascading style sheets的简称，中文译作“层叠样式表单”，在主页制作时采用css技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。网上冲浪无论你用internet explorer还是netscape navigator，几乎随时都在与css打交道，在网上没有使用过css的网页可能不好找。不管你用什么工具软件制作网页，都有在有意无意地使用css。用好css能使你的网页更加简炼，同样内容的网页，有的人做出来有几十kb，而高手做出来只有十几kb。
div+css标准的优点:
1.大大缩减页面代码，提高页面浏览速度,缩减带宽成本;
2.结构清晰，容易被搜索引擎搜索到，天生优化了seo
3.缩短改版时间。只要简单的修改几个css文件就可以重新设计一个有成百上千页面的站点。
4.强大的字体控制和排版能力。css控制字体的能力比糟糕的font标签好多了，有了css，我们不再需要用font标签或者透明的1 px gif图片来控制标题，改变字体颜色，字体样式等等。
5.css非常容易编写。你可以象写html代码一样轻松地编写css。
6.提高易用性。使用css可以结构化html，例如：标签只用来控制段落，heading标签只用来控制标题，table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。
7.可以一次设计，随处发布。你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如powerpoint。
8.更好的控制页面布局。不用多说。
9.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。
10.更方便搜索引擎的搜索。用只包含结构化内容的html代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。
11.table 布局灵活性不大，你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。
12.另外如果你不是javascrput的高手，你可以不必去写id，只用class就可以。当客户端程序员写完程序，需要调整时候，你可以在利用他的id进行控制。
13.table 中布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而div 更能体现样式和结构相分离，结构的重构性强。
14.在几乎所有的浏览器上都可以使用。
15.以前一些非得通过图片转换实现的功能，现在只要用css就可以轻松实现，从而更快地下载页面。
16.使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。
17.你可以轻松地控制页面的布局 。
18.你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个css文件进行控制，只要修改这个css文件中相应的行，那么整个站点的所有页面都会随之发生变动。
看了这么多优点您是否对这种设计风格感兴趣呢？笔者严格按照div+css设计标准做了一个新闻发布类的网站程序，有兴趣的朋友可以下载详细研究。地址:http://www.skycn.com/soft/30375.html 或 http://dow.caifuw.com/new5.10free.rar

优点：1.页面加载速度快2.布局灵活3.便于动态程序嵌入或者动态程序载入div+css模版目前我的程序就是配合美工的div+css做的，美工可以通过css直接控制我的程序输出的页面动态数据的样式