现在的位置: 网页制作教程HTML教程 >正文
CSS

网页和样式表CSS的关系-HTML教程第七讲

发表于2014/8/22 HTML教程 1条评论 ⁄ 热度 3,319℃

我们在制作网页时,网页设计时,总离不开一个重要的技术,那就是CSS样式表。那么CSS样式表的作用是什么?和网页设计又有什么关系?本文就详细解读下CSS样式表。

CSS层叠样式表

样式表CSS是怎么诞生的?

HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签,HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成,而不使用任何的格式化标签。

由于两种主要的浏览器(Netscape 和 Internet Explorer)不断地将新的 HTML 标签和属性(比如字体标签和颜色属性)添加到HTML 规范中,创建文档内容清晰地独立于文档表现层的站点变得越来越困难。

为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出样式(Style)。

随着互联网的发展,目前所有主流浏览器都支持CSS样式表。

CSS样式表的作用

当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。

样式表定义如何显示 HTML 元素,就像 HTML 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。

CSS样式表和网页设计有什么关系

由于允许同时控制多重页面的样式和布局,CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者,你能够为每个 HTML 元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。

CSS样式表可以做到让网页内容和网页布局完全脱离,有很多系统目前都采用这种技术,比如通过换网站CSS就可以更换网站皮肤。

  • 寂寞狼人

    [可怜] 辛苦啦