首页 » 建站技术 » 浏览内容

层级式样式表


2005-02-01 13:33:10 4,682 0 发表评论 字体: 作者:C.K.

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

来源:互联网

层级式样式表 (Cascading Style Sheet, CCS) 分为 Level 1 及 Level 2,分别简称为 CCS1 及 CCS2。CCS1 是在 1996 年 12 月完成制定,并在1999 年 1 月增修。在 Netscape 的 Navigator 4.0 版及微软的 IE 3.0 版
浏览器都开始支持 CSS1,不同的版本所支持的程度也不同。CCS2 的规格在 1998 年 5 月完成制定,目前浏览器只支持其中的少许功能。
样式表是提供网页的编写人员可以针对 HTML 文件设定在显示时的版面格式及样式,例如使用何种字体及其颜色,大小及字距等。层级式 (Cascading) 是表示外部的样式表,内建的样式表及行内的样式表,这三种样式设定的采用的优先级是以行内最高,接着是内建,外部设定的优先级最低。

例如:



CSS 范例

第一段

第二段


第 3 行是表示引用外部的 my.css 档,其档案内容如下:
p { font-size: 12pt; color: black }

< p >表示 < p > 标示的字体大小为 12pt,颜色为黑色。

第 5 到 7 行是内建的样式表设定,表示

标示的字体为 bold,颜色为蓝色。倒数第 3 行是行内的样式设定,表示字体颜色为红色。因为层级式的优先级规则,所以显示时的结果为:『第二段』字体为红色,因为行内的样式设定有最高的采用顺序;『第一段』字体为粗体蓝色;而这两段的字体大小为 12 pt,因为外部的 my.css 档如是设定。
传统上,浏览器对每个 HTML 的标示都有其内定的样式,网页编写者无法进行较为细致的版面控制,因此采用图片及 < TABLE > 标示等等变通方法来安排版面,因此造成不易编排及维护网页。通常在 HTML 中使用 < FONT > 标示的 FACE,COLOR 及 SIZE属性来改变字体,颜色及大小,在采用 CCS 的方式后,您就不要再用这个标示了,因为您可以很容易的使用外部或内建的样式表,将同一类的内容设定为某种显示样式,也很方便修改。
而且可以对版面的 margin, padding, border, 背景及文字内容的字体种类,大小,形态,字距,行距,对齐方式等属性有更精细的控制了。
CCS2 是建构在 CCS1 的基础上,除了 CCS1 的功能外还提供了与输出媒体有关的样式表。例如可以使用 CCS2 使文件可以针对不同的显示式浏览器,语音输出设备,列表机,盲胞用点字设备或掌上型设备等,进行特殊的设定。CCS2 更提供了更精准的内容定位,可下载字型,表格格式,国际化及一些与使用者接口有关的设定。
CSS 虽然可以提供强大的版面编排功能,但是不同厂商及不同版本的浏览器所支持的功能及呈现出的效果都有差异,所以设计时,需要对不同的浏览器进行测试或是标明您的网页需要用那一个浏览器来阅读。

网站统计 Statistics

  • 创建时间: 2005年1月3日 距今5064 天
  • 日志总数: 2461
  • 评论总数: 630
  • 标签总数: 654
  • 链接总数: 273
  • 最后更新: 2018-8-31 17:57:04
  • 您是本站第 14158705 位访客

广告区 Guǎng Gào