小强的HTML5移动开发之路（4）——CSS2和CSS3

在上一篇中我们提到学习html5要具备css的知识，在页面设计的时候html5知识页面的布局与结构，要实现一个很绚丽漂亮的界面就需要借助css。下面我们先来回顾一下css2的基本用法，再来看看和css3的关系与区别。

1、css是什么？

cascading stylesheet(级联样式表)，为网页提供表现形式。按照w3c规范，设计一个网页，应该将网页的数据与结构写在html文件里，网页的外观写在css文件里，而网页的行为写在.js文件里。这样做的目的是将网页的数据，外观，行为分离，方便代码的维护。

2、css选择器：

（1）标记选择器（简单选择器）

立即学习“前端免费学习笔记（深入）”；

（2）class选择器

.s1{      属性名：属性  }

还有一种有名字的class选择器，如下：

 div.s1{      font-size;120px;  }

（3）id选择器

#d1{      font-size:italic;      font-weight:900;  }

（4）选择器分组

h1,h2,h3{   //用逗号隔开  <span style="white-space:pre">  </span>color:bllue;      }

（5）选择器的派生

#d2 p{  span style="white-space:pre">   </span>color:red;  font-size:300;      }

CSS中的注释

/*   */

样式的优先级：

外部样式，将样式写在.css文件里
内部样式，将样式写在.html文件里
内联样式，将样式写在里面
发生冲突时：外部样式