本文介绍了CSS的基础知识，包括其起源、发展历史以及基本语法。CSS用于设计HTML页面的外观，通过选择器和声明定义样式。CSS样式可以内嵌、行内、链接或导入应用，其中链接式是网站常用的样式应用方式，实现结构与样式的分离，提高代码维护效率。
1 CSS概述
CSS是Cascading Style Sheet的缩写，译为“层叠样式表”或“级联样式表”。CSS定义如何显示HTML的标签样式，用于设计网页的外观效果。通过使用CSS实现页面的内容与表现形式分离，极大地提高了工作效率。20世纪90年代初，HTML语言诞生。早期的HTML只含有少量的显示属性，用来设置网页和字体效果。随着互联网的发展，为了满足日益丰富的网页设计需求，HTML不断添加了各种显示标签和样式属性，同时也出现一个问题：网页结构和样式混用让网页代码变得非常混乱，代码冗余增加了带宽负担，代码维护也变得苦不堪言。
1994年初，哈坤（Hakon Wium Lie）提出了CSS的最初建议。波斯（Bert Bos）当时正在设计一款Argo浏览器，于是他们一拍即合，决定共同开发CSS。
1995年，W3C（World Wide Web Consortium，万维网联盟）组织刚刚成立，对CSS的前途很感兴趣，为此组织了一次讨论会。
1996年底，CSS语言正式完成，12月CSS的第一个版本正式发布。
1998年5月，CSS2版本正式发布。
2002年，工作组启动了CSS2.1的开发，它是CSS2的修订版，旨在纠正CSS2版本中的一些错误，并更精确地描述CSS的浏览器实现。
2004年，CSS2.1正式发布。
2010年，CSS3正式推出，它在CSS2.1的基础上进行了很多增补与修改，完善了之前存在的一些不足，例如颜色模块增加了色彩校正、透明度等功能，字体模块增加了文字效果、服务器字体支持等，增加了变形和动画模块等。
需要注意的是，目前依然有些浏览器（尤其是InternetExplorer）对CSS3的支持不甚理想。因此，开发者在使用CSS3时，应该先评估用户的“紧箍咒”环境是否支持相应的CSS版本
2 CSS的基本使用
CSS代码可以在任何文本编辑器中打开和编辑，因此初次接触CSS时会感到很简单。
2.1 CSS样式语法
样式是CSS最小的语法单元，每个样式都包含两部分：选择器和声明
- 选择器（Selector）：选择器告诉浏览器该样式将作用于页面中的哪些对象，可以是某个标签、所有网页对象、指定的Class或ID值等。
- 声明（Declaration）：声明不限制个数，它命令浏览器如何去渲染选择器指定的对象。声明必须包括属性和属性值，并用分号来标识一个声明的结束，在一个样式中最后一个声明可以省略分号。所有声明放置在一对大括号内，然后整体紧跟在选择器后面。
- 属性（Property）：属性是CSS提供的设置好的样式选项。属性名可以由一个单词或多个单词组成，多个单词之间通过连字符相连。这样能够直观表示属性所要设置样式的效果。
- 属性值（Value）：属性值是用来显示属性效果的参数，包括数值、单位或者关键字。
CSS语言忽略空格（除了选择器内部），因此可以利用空格来格式化CSS源代码，这样在阅读CSS源代码时一目了然，既方便阅读，也更容易维护。
任何语言都需要注释，HTML使用“<！–注释语句>”来进行注释，而CSS使用“/注释语句/”来进行注释。
【示例】定义网页字体大小为12像素，字体颜色为深灰色，段落文本背景色为紫色，并加上注释。
body{
/* 字体大小 */
font-size: 12px;
/* 字体颜色 */
color: #CCCCCC;
}
/* 段落文本北京颜色 */
p{
background-color: #FF00FF;}
2.2 CSS的应用
CSS样式代码必须保存在.css类型的文件中，或者放在网页内< style>标签中，或者插在网页标签的style属性值中。CSS样式应用的方法主要包括以下4种方式。
1.行内样式
把CSS样式直接放在代码行内的标签中，一般放入标签的style属性中，只对单个标签有效。这是一种最直接的方式，同时也是最不方便修改的方式。
示例：
<body>
<p 
最低0.47元/天 解锁文章
扫一扫
5390
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
