• SEO是一个到底多么牛叉的行业?SEO是一个到底多么牛叉的行业?
  • 郑州SEO郑州seo
  • 郑州SEO你只看到了别人的成功,却看不到别人默默的
  • 郑州SEOSEO切莫浪费时间在不必要的问题上
  • 1
  • 2
  • 3
  • 4

做seo不得不知道的CSS+DIV

时间:2012-12-18 作者:问候seo

CSS 标准
CSS(cascading style sheet),层叠样式表,是用于控制网页样式并允许将样式信息与网页分离的一种标识性语言。
CSS 是1996 由W3C 审核通过,并且推荐使用的。CSS 的引入就是为了使HTML 语言更好的适应页面的美工设
计。它以HTML 语言为基础,提供了丰富的格式化功能,如字体、颜色、背景和整体排版等,并且网页设计者
可以针对各种可视化浏览器(包括显示器、打印机、打字机、投影仪和PDA 等)来设置不同的样式风格。CSS
的引入引发了网页设计一个又一个的新高潮。使用CSS 设计的优秀页面层出不穷。
和HTML 类似,CSS 也是由W3C 组织负责制定和发布的。1996 年12 月发布了CSS 1.0 规范,1998 年发5 月布
了2.0 规范。目前的有两个新版本正处于工作状态,即2.1 版和3.0 版。
然而,W3C 只是一个民间技术组织,并没有任何强制力要求软件厂商的产品必须符合规范,因此目前流行的浏
览器都没有完全符合CSS2.0 的规范,这也为设计师设计网页带来了不便。
传统HTML 的缺点在CSS 没有引入页面之前,传统的HTML 语言要实现页面美工设计是十分麻烦的。例如在
一个网页中加一个<h2>标签定义的标题,如果要把它设为蓝色,并对字体进行相应的设置,则需要引入<font> 标
签,如下:
<h2><font color=”#0000ff” face=”黑体”>CSS 标签1</font></h2>
看上去这样的修改并不是很麻烦,但是当页面的内容不仅仅只有一段,而是整个页面时,情况就变的很复杂了。
首先观察如下HTML 代码,(01.html)
<html>
<head>
<tilte>演示</title>
</head>
<body>
<h2><font color=”#0000ff” face=”幼圆”>这是标题文本</font></h2>
<p>这里是正文内容</p>
<h2><font color=”#0000ff” face=”幼圆”>这是标题文本</font></h2>
<p>这里是正文内容</p>
<h2><font color=”#0000ff” face=”幼圆”>这是标题文本</font></h2>
<p>这里是正文内容</p>
</body>
</html>
这段代码在浏览器中的显示效果是,3 个标题都是蓝色黑体字,这时如果要将这4 个标题改成红色,在这种传统
的HTML 语言中就需要对每个标题的<font>标签都进行修改,如果是一个规模很大的网站,并且需要对整个网站
进行修改的话,那工作量将会是巨大的,甚至无法实现。
其实传统的HTML 的缺陷远不止上例中所反映的这一个方面,相比CSS 为基础的页面设计方法,其所体现的劣
势主要有以下几点:
1. 维护困难,为了修改某个特殊标记的格式,需要花费很多的时间,尤其对于整个网站而言,后期维护的成本
很高。
2. 标签不足,HTML 本身的标签很少,很多标签都是为网页内容服务的,而关于美工样式的标记,如文字间距、
段落缩进等标签在HTML 找不到。
3. 网页过于臃肿,由于没有统一对各种风格样式进行控制,因此HTML 的页面往往体积过大,解析很慢。
4. 定位困难在整体布局页面时,HTML 对各个模块的位置调整显得捉襟见肘,过多的标签同样导致页面的复
杂和维护的困难。
CSS 的引入
对于上面的页面,如果引入CSS 对其中的<h2>标签进行控制,那么情况将完全不同。

文章由郑州seo整理,转载请注明:http://www.leiju88.com

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:1448228637@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。