关于样式表 Introduction To CSS · CSS 3 中文手册

[CSS参考手册](http://css.doyoe.com/)»[简介](#)» 相关内容： [**其它简介条目**选择其它项](#) - [关于本手册](#) - [关于样式表](#) - [关于作者](#) - [阅读及使用指引](#) - [鸣谢](#) - [捐赠](#) # Introduction To CSS - 层叠样式表简介 ### 说明： - 本手册针对的是已有一定网页设计制作经验的读者。其目的是提供最新的样式表内容的快速索引及注释。所以对于样式表的基础知识，在此仅简单介绍，恕不赘述。 - 本手册的升级信息与版权声明请参阅[关于本手册](#)页面。 ### 什么是层叠样式表： - CSS是Cascading Style Sheet（层叠样式表）的缩写。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 - CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。 - CSS2.1是目前被使用最广泛的版本，而目前还在开发中的CSS3具有更吸引人的特性。 - 本手册除了CSS2.1外，还涵盖了大部分的CSS3内容。但由于CSS3尚未定稿，不可避免会出现一些变动。 ### 样式语法： - Selector {property:value} ### 如何将样式表加入您的网页：你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。例外请参阅[!important](#)声明。 - ### 内联方式 Inline Styles 内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。 **示例代码：** ~~~ <p style="color:#f00">这一行的字体颜色将显示为红色</p> ~~~ - ### 内部样式块对象 Embedding a Style Block 你可以在你的HTML文档的<head>标记里插入一个<style>块对象。 **示例代码：** ~~~ <style> body{background:#fff;color:#000;} p{font-size:14px;} </style> ~~~ - ### 外部样式表 Linking to a Style Sheet 你可以先建立外部样式表文件*.css，然后使用HTML的link对象。 **示例代码：** ~~~ <link rel="stylesheet" href="*.css" /> ~~~ Copyright © 2006-2012 [Doyoe](http://www.doyoe.com/). All Rights Reserved