CSS样式表在网页制作中的作用

html-css010

CSS样式表在网页制作中的作用,第1张

CSS样式是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,可以很方便的控制网页表现,比如配色,布局等。

css样式表有两种,一种是内部样式表,另一种是外部样式表。

此外还有一种html本身就有的样式书写方式叫内联样式。

好处是相对而言的,只有比较才能体现出优点。题主没有表述清楚问的是哪一种同哪一种比较,所以我推测你想问的应该是外部样式表相对内部样式表和内联样式的优点。

要理解外部样式表的优点,首先要理解其特点。外部样式表的特点是:

1,样式与html分离。

2,一份css样式可应用于多处html内容。

所以其好处是:

①写代码时,重复的样式代码只需要写一份,减少了工作量。

②写出来的代码文件更简洁(便于其它人阅读),且文件大小也比较小。

③代码文件传输时,能够节省网络流量和带宽。(因为文件更小,且重复的css样式会被存储在缓存中)

④代码文件渲染时,能够减少渲染时间。(因为文件更小)

⑤后期维护时,能减少维护时的工作量。因为只要修改css样式表文件,就能够改变很多网页,甚至改变整个站点的风格特色。避免了一个个网页去修改。

你可以将格式和结构分离。

HTML从来没打算控制网页的格式或外 观。这种语言定义了网页的结构和个要

素的功能,而让浏览器自己决定应该让 各要素以何种模样显示。 但是网页设计者要求的更多。所以当 Netscape推出新的可以控制网页外观的

HTML标签时,网页设计者无不欢呼雀跃。

我们可以用<FONT FACE、<I包在<P外

边控制文章主体的外观等等。然后我们 将所有东西都放入表格,用隐式GIF空格 产生一个20象素的边距。一切都变得乱 七八糟。编码变得越来越臃肿不堪,要

简单明了的初衷。CSS代码独立出来从 另一角度控制页面外观。

你可以以前所未有的能力控制页面的 布局。

<FONT SIZE能使我们调整字号,表格 标签帮助我们生成边距,这都没错。但 是,我们对HTML总体上的控制却很有限。

我们不可能精确地生成80象素的高度, 不可能控制行间距或字间距,我们不能 在屏幕上精确定位图象的位置。 但是现在,样式表使这一切都成为可

你可以制作出体积更小下载更快的网页还有更好的消息:样式表只是简单的文 本,就象HTML那样。它不需要图象,不 需要执行程序,不需要插件,不需要流

式。它就象HTML指令那样快。 有了CSS之后,以前必须求助于GIF的事

情现在通过CSS就可以实现。还有,正如 我先前提到的,使用串接样式表可以减 少表格标签及其它加大HTML体积的代码, 减少图象用量从而减少文件尺寸。

你可以更快更容易地维护及更新大量的 网页。 没有样式表时,如果我想更新整个站点 中所有主体文本的字体,我必须一页一 页地修改每张网页。即便站点用数据库

提供服务,我仍然需要更新所有的模板, 而且更新每一模板中每一个实例实例的 <FONT FACE。 样式表的主旨就是将格式和结构分离。

利于样式表,我可以将站点上所有的网 页都指向单一的一个CSS文件,我只要 修改CSS文件中某一行,那么整个站点 都会随之发生变动。

浏览器将成为你更友好的界面。 不象其它的的网络技术,样式表的代码 有很好的兼容性,也就是说,如果用户 丢失了某个插件时不会发生中断,或者

意吧? 那么,现在我们就开始制作一份样式表。