CSS层叠样式表是控制页面布局样式的基础, 并能够真正做到网页表现与内容分离的一种样式设计语言。相对传统HTML的简单样式控制而言, CSS能够对网页中对象的位置排版进行像素级的精确控制, 支持几乎所有的字体字号样式,以及拥有对网页对象和模型样式的控制能力,并能够进行初步页面交互设计,是目前基于文本展示的最优秀的表现设计语言。南昌网站制作公司小编归纳起来主要有以下几种优势。
(1)浏览器支持完善
目前CSS 2.1版式是众多浏览器支持最完善的版本, 最新的浏览器均以2.1为CSS支持原型进行设计, 使用CSS样式设计的网页在众多平台及浏览器下, 样式表最为接近。
(2)表现与结构分离
CSS真正意义上实现了设计代码与内容的分离, 而在CSS的设计代码中通过CSS的内容导入特性, 又以使设计代码根据设计需要进行二次分离。如为字体、版式等专门设计一套样式表,根据页面显示的需要新进行组织,使得设计代码本身也便于维护与修改。
(3)样式设计控制功能强大
对网页对象的位置排版能够进行像素级的精确控制,支持所有字体字号样式,拥有优秀的模型控制能和简单的交互设计能力。
(4)继承性能优越
CSS的语言在浏览器的解析顺序上具有类似OOP面向对象的基本功能, 浏览器能够根据CSS的级应用多个样式定义, 良好的CSS代码设计可以使得代码之间产生继承及重载关系, 能够达到最大限度重用,降低代码量及维护成本。
CSS+DIV布局样式
* CSS语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行(属于浏览器解释型语言)。
* 在标准网页设计中CSS负责网页内容(XHTML)的表现。
* CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀。
* 可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课。
* CSS是由W3C的CSS工作组产生和维护的。
[编辑本段]如何将样式表加入到网页
可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。例外请参阅 !important 声明。
链入外部样式表文件 (Linking to a Style Sheet)
你可以先建立外部样式表文件(。css),然后使用HTML的link对象。示例如下:
而在XML中,你应该如下例所示在声明区中加入:
xml-stylesheet type="text/css" href="" ?>
定义内部样式块对象 (Embedding a Style Block)
你可以在你的HTML文档的和标记之间插入一个块对象。 定义方式请参阅样式表语法。示例如下: