内容服务交换器 CSS

文章插图
CSS(内容服务交换器)【内容服务交换器 CSS】层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标準通用标记语言的一个套用）或XML（标準通用标记语言的一个子集）等档案样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字型字号样式，拥有对网页对象和模型样式编辑的能力。
基本介绍中文名：内容服务交换器
外文名：Content Services Switch
功能：提供模组化设计等
简称：CSS
发展历程1990年，Tim Berners-Lee和Robert Cailliau共同发明了Web 。1994年，Web真正走出实验室。从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。1994年哈坤·利提出了CSS的最初建议。而当时伯特·波斯（Bert Bos）正在设计一个名为Argo的浏览器，于是他们决定一起设计CSS 。其实当时在网际网路界已经有过一些统一样式表语言的建议了，但CSS是第一个含有“层叠”丰意的样式表语言。在CSS中，一个档案的样式可以从其他的样式表中继承。读者在有些地方可以使用他自己更喜欢的样式，在其他地方则继承或“层叠”作者的样式。这种层叠的方式使作者和读者都可以灵活地加入自己的设计，混合每个人的爱好。哈坤于1994年在芝加哥的一次会议上第一次提出了CSS的建议，1995年的www网路会议上CSS又一次被提出，博斯演示了Argo浏览器支持CSS的例子，哈肯也展示了支持CSS的Arena浏览器。同年，W3C组织（World WideWeb Consortium）成立，CSS的创作成员全部成为了W3C的工作小组并且全力以赴负责研发CSS标準，层叠样式表的开发终于走上正轨。有越来越多的成员参与其中，例如微软公司的托马斯·莱尔顿(Thomas Reaxdon)，他的努力最终令Internet Explorer浏览器支持CSS标準。哈坤、波斯和其他一些人是这个项目的主要技术负责人。1996年底，CSS初稿已经完成，同年12月，层叠样式表的第一份正式标準（Cascading style Sheets Level 1）完成，成为w3c的推荐标準。1997年初，W3C组织负责CSS的工作组开始讨论第一版中没有涉及到的问题。其讨论结果组成了1998年5月出版的CSS规範第二版。编程开发编程工具记事本：使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时，以.html为后缀名进行保存即可。Dreamweaver：它与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页製作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的视觉化网页开发工具，利用它可以轻而易举地製作出充满动感的网页。语言特点CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。总体来说，CSS具有以下特点：（1）丰富的样式定义CSS提供了丰富的文档样式外观，以及设定文本和背景属性的能力；允许为任何元素创建框线，以及元素框线与其他元素间的距离，以及元素框线与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。（2）易于使用和修改CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS档案中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。另外，可以将相同样式的元素进行归类，使用同一个样式进行定义，也可以将某个样式套用到所有同名的HTML标籤中，也可以将一个CSS样式指定到某个页面元素中。如果要修改样式，我们只需要在样式列表中找到相应的样式声明进行修改。（3）多页面套用CSS样式表可以单独存放在一个CSS档案中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面档案，在任何页面档案中都可以将其引用。这样就可以实现多个页面风格的统一。（4）层叠简单的说，层叠就是对一个元素多次设定同一个样式，这将使用最后一次设定的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表，而某些页面中的某些元素想使用其他样式，就可以针对这些样式单独定义一个样式表套用到页面中。这些后来定义的样式将对前面的样式设定进行重写，在浏览器中看到的将是最后面设定的样式效果。（5）页面压缩在使用HTML定义页面效果的网站中，往往需要大量或重複的表格和font元素形成各种规格的文字样式，这样做的后果就是会产生大量的HTML标籤，从而使页面档案的大小增加。而将样式的声明单独放到CSS样式表中，可以大大的减小页面的体积，这样在载入页面时使用的时间也会大大的减少。另外，CSS样式表的复用更大程式的缩减了页面的体积，减少下载的时间。优势网页网页的读者和作者都可以使用CSS来决定档案的颜色、字型、排版等显示特性。CSS 最主要的目的是将档案的内容与显示分隔开来。这有许多好处：档案的可读性加强；档案的结构更加灵活；作者和读者可以自己决定档案的显示；档案的结构简化了；另外，在 HTML 中：一个整个网站或其中一部分网页的显示信息被集中在一个地方，要改变它们很方便。不同的读者可以有不同的样式，比如有的读者需要字型比较大。HTML 档案本身的範围变小了，它的结构简单了，它不需要包含显示的信息。CSS 还可以控制其他参数，例如声音（假如浏览器有阅读功能的话）或给视障者用的感受装置。缺点CSS 明显的缺点包括：浏览器不同的支持浏览器对 CSS 的支持没有统一，造成不同的浏览器显示效果不同。例如在微软Internet Explorer的旧版本 6.0，有许多独有的 CSS 2.0 属性，但错误显示很多重要的属性，例如：width，height，和float 。许多 CSS 编写人员为了儘可能在常用的各个浏览器中达到一致的版面编排，要写很多针对各个浏览器的不同的 CSS 代码。当版面编排很複杂时，要在各个浏览器里获取相同效果是不可能的。CSS 没有父选择器CSS 选择器无法提供元素的继承性。先进的选择器（例如XPath）有助于複杂的样式设计。然而，浏览器的性能和增加渲染的问题，关係着父层选择器，却是 CSS 的工作组拒绝建议的主要原因。而CSS4则计画包括类似功能。不能明确地指定继承性样式的继承性，创建在浏览器中 DOM 元素的层级和具体的规则上。垂直控制的局限元素的水平放置普遍地易于控制，垂直控制则不然。简单来说，垂直地围绕一个元素、页脚的放置不能高于可见视窗（viewport，视窗或萤幕的可见範围）的底部範围。这需要複杂的样式规则，或是规则简单，但不被广泛支持。没有算术功能直至 CSS 2.1 的 CSS 没有办法明确简单地进行计算（例如：margin-left: 10% - 3em + 4px;）。计算功能在很多情况下都是非常有用的，例如：总栏位中计算栏位的尺寸限制。工作原理CSS是一种定义样式结构如字型、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单档案。无论哪一种方式，样式单包含将样式套用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有档案扩展名_css的外部样式单文档中。样式规则是可套用于网页中元素，如文本段落或连结的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标籤连结外部样式单。名称CSS中的“层叠（cascading）”表示样式单规则套用于HTML文档元素的方式。具体地说，CSS样式单中的样式形成一个层次结构，更具体的样式覆盖通用样式。样式规则的优先权由CSS根据这个层次结构决定，从而实现级联效果。语言基础属性和属性值属性属性的名字是一个合法的标识符，它们是CSS语法中的关键字。一种属性规定了格式修饰的一个方面。例如：color是文本的颜色属性，而text-indent则规定了段落的缩进。要掌握一个属性的用法，有六个方面需要了解。具体叙述如下：①该属性的合法属性值（