当前位置:首 页网页设计>层叠样式表                站长推荐:页面代码生成、编辑器
样式表简介



样式表(或者称为层叠样式表,英文名Cascading Style Sheet,即CSS)是HTML的一部分,但作为对HTML元素(或者标识)展示效果的一种扩展,其功能极为强大,可以说,有了样式表,你可以完全放弃HTML元素的属性不用就能实现精美的网页排版于布局,因此本站将样式表和HTML分开来,作为专门的一块进行讲诉。对于有HTML基础的朋友来说,学习样式表是非常轻松自在的事。

样式表不算是什么新东西,它已经诞生了许多年了,但因为在实现方面的缺乏,它的强大性和重要性在很大程度上未被注意到。网页制作者渴望通过改善WEB的展示样式来为自己的网页加入创新的动力,于是开始使用NETSCAPE或者IE专有的扩展功能,而不是功能更加强大的样式表。这是很自然的,因为这些专有的扩展功能能被大多数的浏览者看见,而强大的样式表却很少人看见。

而今越来越多的浏览齐支持样式表,样式表允许改善整个展示样式的同时保留平台独立性的独有特性开阔了网页制作者的视野。样式表的优点变得更加明显,实现一个满意的效果更加容易。虽然不断的为展示效果不断地加入越来越多的HTML标记是一个缺点。

Netscape的BODY属性现在被广泛的使用,成了HTML3.2及HTML4.0的标准。可是其bgcolor,text等属性和其他属性的灵活程度完全比不上样式表。大部分的背景图象会任由网页不能让那些只有16色显示的人所接受。而对于一些网页256色仍很难接受。使用传统的BODY属性,一个网页制作者必须权衡使用背景图象带来的好处是否比付出的代价还重。使用样式表的话,网页制作者可以用一些不同的样式表提交一批不同的图象,以便用户可以根据自己的系统可以显示的颜色而选择是24位样式表还是8位样式表。如果网页制作者提供的样式表都不适合用户,用户只要忽略网页制作者的样式表就是了。

样式表可以令网页制作者的工作更加轻松,当每个水平线语句都需要使用<hr width="75%" size=5 align="center">的时候,网页制作者将觉得非常麻烦。使用样式表,只需要指定这样的参数一次,网页样式就可以被整个网站应用。而且如果网页制作者觉得width=50%更好需要更改的话,那么他只需要在一个地方改变这个参数,而不是找遍几百页来更改HTML。不仅仅如此,当一个文件包含了所有的样式信息时,样式表还可以减少下载的时间。

样式表也为他们提供的展示效果的项目给予更多的灵活性。属性,如颜色,背景,边界,边框和许多其他的属性都能被所有的元素应用(包括在通常情况下无法使用背景和边框属性的<p>,<a>,<b>,<h1>~<h6>等元素)。仅仅使用HTML和它专有的扩展,必须依赖象bgcolor之类的属性,而这些属性只对于少数的一些元素有效(比如对前面提到的<p>,<a>等元素就无效)。样式表给予应用一个样式到所有段落,或所有的二级标题,或所有的强调文字很大的灵活性。

在段落中,通常都会让首行文字前面会留些空白,这就叫缩进。使用样式表,网页制作者可以使用文本缩进属性来缩进文本,而不是非常麻烦的键入&nbsp;来用空格进行缩进。如果网页制作者决定改变网站中所有段落的缩进,他只需要改变样式表中的一行就行了。

使用HTML的<font size=#>元素定义网页中的文字大小,不但只有size=1~7共七种效果供选择,浏览者还可以通过浏览器的一个菜单来进行调整,这常常会使原本排版精美的页面变得凌乱不堪,更不用说精确定位了。使用样式表,不但可以任意选择文字大小,而且还提供了常规的静态定位,相对定位甚至是绝对定位。

样式表在WEB方面迈开了一个巨大的前进步伐。随着HTML和样式表的内容和展示效果的差距,WEB不需要放弃优秀的思想——平台独立性。今天,样式表已经成为HTML4.0的一个事实标准。谁都愿意看到逻辑清晰,简洁而优美的HTML源代码。网页制作者最终可以改善文档的展示而不会使源代码太复杂以至于拥护根本不能阅读网页。

刷新本页                       回首页                   关闭本窗口
返回首页
设为首页
收藏本站
刷新本页
关闭窗口