为什么要用css布局，请问为什么要使用CSSDIV来布局网页

创新互联公司是一家专业的成都网站建设公司，我们专注成都网站制作、成都网站设计、网络营销、企业网站建设，卖友情链接，一元广告为企业客户提供一站式建站解决方案，能带给客户新的互联网理念。从网站结构的规划UI设计到用户体验提高，创新互联力求做到尽善尽美。

本文目录一览

• 1，请问为什么要使用CSSDIV来布局网页
• 2，为什么需要CSS样式表
• 3，从零开始学网页设计 为什么要使用CSS设计网页
• 4，网页设计为什么要用DIV布局
• 5，为什么使用css

1，请问为什么要使用CSSDIV来布局网页

1.标准化 2.维护简单 3.费用低 4.访问速度快如果你要把网页发布成HTML这种类弄的就用CSS+DIV,(为什么呢,因为这种能常是用电子商务软件做的,为了便于修改所以都是有CSS+DIV做.)如果是网站还是用表格做的好.

2，为什么需要CSS样式表

CSS样式表就像你编写程序要包含的公共信息.比如A.htm,B.htm,c.htm三个文件,都有一个元素,并且要有一个相同的样式如向右对齐,文本,如果没有样式表,你必须每个文件的头部定义;显然是比较烦琐的.而统一包含一个样式表,就可以修改样式表,即达到所有页风格的更新.css样式表是决定网页布局的关键，如果修改之，刚相关的属性产生变化，自然布局及样式就会发生变化。具体的css有很多属性值，这里没办法一一罗列出来。您可以买本相关的书籍，阅读参考一下，就会明白了！css一般是与div结合来进行网页的排版布局！也可以用来做一些比较简单的特效！

3，从零开始学网页设计 为什么要使用CSS设计网页

CSS起初用于 HTML 网页中，可取代传统字型标签和其他样式（背景颜色、文字颜色大小、边界...等等)，一直到W3C 批淮了 CSS 第二级，除了在第一级的规范里增加了更多功能之外，同时也出现了定位的属性，而这些属性也取代了被泛滥使用的table标签。表格设计是死的，css设计是活的，设计好的表格版型因原始码的复杂，很难再改变。再者，您可一次更新网站的相同内容，而不需要每个页面分别修改。假设，想要把原本标题靠右的文字内容改为置中，只需修改css即可，CSS能让我们更轻易的修改整个网站的设计风格。css 是样式 如果网页中没有css的样式 将会变成最初的样子 没有排列 没有色彩 css很重要

4，网页设计为什么要用DIV布局

说起来我干网页设计和网站制作也有六七年的时间了，当初DIV刚刚兴起的时候，曾和朋友们试过用DIV，但因为当时DIV+CSS这种技术还不成熟，所以也就没太在意，依然用TABLE，但，时至今日，DIV+CSS已把TABLE+CSS淘汰了，我们这些常用TABLE的人，也得慢慢熟悉DIV了。

首先来说，DIV的好处在于样式与主体内容分离，大量减少网页代码量，使网页下载速度更快。而且对于后期网站维护来说，也是相当便捷的，这是DIV最大的优势。但个人认为，DIV也不一点缺点都没有，比如一个大型且架构复杂的网站来说，采用DIV布局对团队合作来说就是一个不小的折磨。因为全是DIV标签，如果不是本人做的，根本找不到需要的内容，当然可以添加注释，但这并不能完全解决这个问题。

对于用习惯了TABLE的人来说，DIV确实很难适应，这就像学习武功，你本来学习的少林的功夫，如果再学武当的，兴许里面就有些冲撞，除非你忘了原来的基础，从头再来。DIV来说也是这样，对我来说对于用DIV控制盒子的各项属性就是一个不小的难题，兴好现在通过练习逐渐攻克了这个难关。

通常情况下，seoer非常喜欢把一个网站做到最细节，在网页设计方面，有时与设计师沟通时，通常会问到：seo为什么要求网页设计师用div+css布局网页?有什么好处之类的问题，其实seo们考虑的问题就是如何让网页的内容更好的让搜索引擎抓取网页的内容，更容易评估网页内容的质量，这样有利于排名。这是seo们的最基本的目的，当然css+div的好处并不局限于此，以下为详细的分析： seo主要就是通过对网站的结构，标签，排版等各方面的优化，使google等搜索引擎更容易搜索网站的内容，并且让网站的各个网页在google等搜索引擎中获得较高的评分，从而获得较好的排名。div css网页布局对seo有哪些影响呢？ 代码精简 使用div+css布局，页面代码精简，这一点相信对xhtml有所了解的都知道。

代码精简所带来的直接好处有两点：

一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;

二是由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。

表格的嵌套问题 很多网站如何推广的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，spider爬行table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。 使用table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，spider爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。

而div+css布局基本上不会存在这样的问题，从技术角度来说，xhtml在控制样式时也不需要过多的嵌套。 这虽然没有得到确认，但还是建议使用table布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，seoer们在文章中说明了这一点，相信他们也不是没有依据的。 速度问题 div+css布局较table布局减少了页面代码，加载速度得到很大的提高，这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时，spider就会认为这个页面无法访问，影响收录及权重。

另一方面，真正的seoer不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。

css对排名的影响 基于xthml标准的div+css布局，一般在设计完成后会尽可能的完善到能通过w3c验证。截止目前没有搜索引擎表示排名规则会倾向于符合w3c标准的网站或页面，但事实证明使用xthml架构的网站排名状况一般都不错。这一点或许会有争议，但樂思蜀本人保持这样的观点，有异议者可以拿三组以上基本同等质量的网站对比观察。

我想，这样的情况可能不是排名规则，最大的可能还是spider爬行网站时，出现以上差异导致收录质量的不同。 毕竟廖胜于无，建议建站或改版的朋友们，技术许可的情况下，还是选择div+css布局为好,还有其他不明白的 咨询我把 631063699

5，为什么使用css

用css可以让结构（html）和表现（css）分离，方便维护。以前我们写网站都用table来布局，然后样式都直接加在table上面，这样一来页面显得特别的臃肿，然后想修改一下也显得非常困难。后来w3c就出来了css，把结构和样式分离，html只负责结构，样式交给css来实现。

这样一来开发者工作量和效率大大提升了，页面也变得更加容易维护，想要修改某个字体或者样式，直接在css文件中就搞定了，不需要动html结构。对于网站访问者来说，体验更好，网站速度变快。html是内容，比如刚放入锅的肉，没有柴米油盐下去，就没有味道和色鲜，拿来比喻css也是如此。html+css达到正式的一道菜肴。html：股市上涨。css： h1 不上色的话，浏览者有可能觉得纯文本太单调，感觉没有任何视觉体验。

当然css作用不只如此，只是列举。具体需要自己慢慢领会，前两条回答都很专业，http://www.w3c.com.cn/，里面有详解。当浏览器阅读css时，它会根据css编排文档。有三种使用css方法： 外部样式表(external style sheet) 内部样式表(internal style sheet) 内联样式表(inline styles) 外部样式表(external style sheet) 很多网页需要用到同样的样式时，将样式写在一个css文件里，然后在每个需要用到这些样式的网页里链接这个css文件。可以用标记把这个外部样式表链接到html文档。标记在html文档的部使用。如果你在html文档外部建立了一个“mystyle.css”文件，定义段落的文字的颜色为绿色： p { color: blue; } 然后你可以这样使用它

这个段落的文字的颜色将为绿色

浏览器将会从mystyle.css这个文件阅读样式定义，并根据它编排文档。 可以用任何的文本编辑器写css外部样式表。在这个文件内不要包含有html标记。你的样式表以.css扩展名保存。以下是一个css文件; hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} 不要在属性值和单位之间留下空格。如果你使用"margin-left: 20 px" 而不"margin-left: 20px"，这只会在ie6有正确的显示，在mozilla（firefox）或 netscape.不能正确的显示 内部样式表(internal style sheet) 当一个单独的文档有独一无二的样式时，使用内部样式表。在使用head部使用

这个段落的文字字体大小为20px

浏览器将会阅读这个样式表，并根据它编排文档。 注意：浏览器一般会忽视它不支持的标记，这意味着一些旧式浏览器不支持内联样式表(inline styles) 内联样式表失去了css的许多优点，它内容和表现混在一起，应少用。 通过在相关的标记里使用style属性可以使用内联样式表。例如：

这是一个段落 字体颜色为红色,字体大小为8px

多项样式将会层叠成一项 css允许不同的方式定义样式。样式可以定义在一个单独的html元素里面(内联样式表)，也可以定义在一个htl页面的部(内部样式表)，或者定义在一个外部的css文件内。甚至在同一个html文档内可以引用多个外部css样式表(外部样式表)。

层叠顺序（cascading order） 当多于一项样式定义一个html元素时什么样式将会被使用？ 一般说来，我们可以说所有的样式将会“层叠”成一个新的样式表，它们遵从下面的优先级。

（从低到高） 浏览器缺省样式表(browser default)(优先级最低) 外部样式表(extenal style sheet) 内部样式表(internal style sheet) 内联样式表(inline style)(优先级最高) 所以，一个内联的样式会覆盖过内部样式表、外部样式表和浏览器缺省样式表

例如，在一个外部样式表有这样定义了： h3 { color: red; /* 字体颜色为红色 */ text-align: left;/* 文本以左对齐*/ font-size: 8px /* 字体大小为8px*/ } 而在一个内部样式表中也有这样这的定义 ： h3 { text-align: right; /* 文本以右对齐*/ font-size: 20px /* 字体大小为20px */ } 要是这个页面使用到这个外部样式表，那么h3声明将是 color: red; /* 字体颜色为红色 */ text-align: right; /* 文本以右对齐*/ font-size: 20px /* 字体大小为20px */ color值从外部样式表继承，text-alignment 和the font-size值从内部样式表继承主流架构两个文件，一个html ，一个csshtml写内容，css写内容的格式效果类似代码分离方式，方便管理以及多人开发一个项目

网页标题：为什么要用css布局，请问为什么要使用CSSDIV来布局网页
本文链接：http://dzwzjz.com/article/icjogp.html