CSS：CSS层叠样式表的概述

CSS层叠样式表：Cascading Style Sheets

介绍：

　　现代网页的设计原则是内容和样式分离，降低它们之间的直接相互依存关系，解耦性，同时，同样的内容，可以通过不同的CSS样式表现出来。

功能：

　　CSS负责处理标记语言(HTML、XHTML)的显示效果。HTML主要是告诉搜索引擎的内容，CSS主要负责内容的样式风格。

　　CSS非常强大，下面两个链接，有很多样式效果，可以点进去看看：

　　http://www.csszengarden.com

http://tjrus.com/iphone

CSS的格式：

p{

　　　　background-color:red;

　　　　font-size:16px;

　　}

p: 选择器(影响了那些HTML的元素)

　　background-color、font-size：CSS属性

　　red、16px：CSS值

CSS的属性有哪些，点击下面的链接去看看，很全面：http://www.w3schools.com/cssref/default.asp

现在做一个演示测试，代码和效果图如下：

html代码：

.myclass{
color:green;
font-size: 20px;
}

h2{
color:red;
background: green;
}

View Code
效果截图：



三个选择器的区别：

Tag:对某一个标记属性的内容进行设置,例如对<h2>...</h2>

id: 由于id的唯一性，所以只对单一的id标记属性的内容进行设置,例如对<h2 id="myid">...</h2>

class:可以对所有class标记的属性的内容进行设置，例如对<h2 class="myclass">...<h2>、<h3 class="myclass">...</h3>等