标签：
CSS指层叠样式表：Cascading Style Sheets
样式定义如何显示HTML元素。样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。
一般而言，样式表有以下四类：
1）浏览器缺省设置
2）外部样式表
3）内部样式表（位于<head>标签内部）
4）内联样式（在HTML元素内部）
当同一个HTML元素或属性被不止一个样式（样式选择器）定义时，内联样式拥有最高的优先权，而浏览器缺省设置拥有最低的优先权。
外部样式表CSS：
外部样式表通常存储在CSS文件中，是为了解决内容与表现如何分离的问题。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有HTML页面的布局和外观。由于允许同时控制多重页面的样式和布局，CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者，你能够为每个 HTML 元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。
CSS规则由两个主要的部分构成：选择器以及一条或多条声明。选择器selector是你需要改变样式的HTML元素，每条声明由一个属性property和对应的值value组成。属性和值由冒号分开。
例如下面这行CSS代码的作用是将h1元素内的文字颜色定义为红色，同时将字体大小设置为14像素。
h1 {color:red; font-size:14px;}
如果要定义不止一个声明，则需要用分号将每个声明分开。例如：
p { text-align: center; color: black; font-family: arial; }
也可以对选择器进行分组了，这样被分组的选择器可以分享相同的声明。用逗号对选择器分组。例如：
h1,h2,h3,h4,h5,h6 { color: green; }
内部样式表：
当单个HTML文档需要特殊的样式时，就应该使用内部样式表。内部样式表使用<style>标签在HTML文档头部定义。例如：
<head> <style type="text/css"> hr {color: sienna;} p {margin-left: 20px;} body {background-image: url("images/back40.gif");} </style> </head>
内联样式：
由于将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。需要在相关的HTML标签中使用style属性才能使用内联样式。style属性可以包含任何CSS属性。例如：
<p style="color: sienna; margin-left: 20px"> This is a paragraph </p>
tips：后续更新CSS如何定义派生选择器，id选择器，类选择器，属性选择器。
标签：
原文地址：http://www.cnblogs.com/wddoer/p/4335301.html
