概念：
CSS（cascading style sheet）也就是层叠样式表；它是一种网页设计的新技术，现在已经被大多数浏览器所支持，层位网页设计必不可少的工具之一。
优点：
使得网页代码更少，网页下载速度更快
实现了内容和样式的分离，使得网站维护更加便捷
使得网站和浏览器兼容更好
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:
在css的三个组成部分中，对象是很重要的，他指定了对那些网页元素进行设置，因此他有一个专门的名称---选择器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="color: red;font-size: 30px">这是css的初体验</div> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div{ font-size: 29px; color: green; } </style> </head> <body> <div>css的初体验2</div> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css">
/*标签选择器*/
div{ font-size: 29px; color: green; } /*id选择器*/ #two{ font-size: 50px; color:red; } </style> </head> <body> <div>css的初体验2</div> <div id="two">css的初体验2</div> </body> </html>
ID选择器的id一定要唯一，千万别重复
css的语法结构：
css的编写方式：
行内样式：
<body>
<!--对div文件进行修饰，也就是所谓的css编写方式的行内样式的形式-->
<div style="color: red;font-size: 20px;">css的初体验</div>
</body>
内部样式：
<head>
<style>
div{
color: red;
font-size: 20px;
}
</style>
</head>
<body>
<div>css的初体验之内部样式</div>
</body>
各种选择器：
1.标签选择器
2.ID选择器：
id不要重复，一定不要重复
原文：http://www.cnblogs.com/wanghui1991/p/6394970.html