假如你学完HTML初级教程即可学习CSS初级教程，使用CSS处理HTML样式。
下面的代码覆盖了初级教程的所有方面，保存下面的 CSS文件并且在浏览器里观看连接的HTML，你可以明白各个CSS属性的用法。最好的学习方法就是理解作用在HTML上的CSS文件，改变CSS HTML会发生什么变化。
- body {
- font-family: arial, helvetica, sans-serif;
- font-size: 80%;
- color: black;
- background-color: #ffc;
- margin: 1em;
- padding: 0;
- }
- /* By the way, this is a comment */
- p {
- line-height: 1.5em;
- }
- h1 {
- color: #ffc;
- background-color: #900;
- font-size: 2em;
- margin: 0;
- margin-bottom: 0.5em;
- padding: 0.25em;
- font-style: italic;
- text-align: center;
- letter-spacing: 0.5em;
- border-bottom-style: solid;
- border-bottom-width: 0.5em;
- border-bottom-color: #c00;
- }
- h2 {
- color: white;
- background-color: #090;
- font-size: 1.5em;
- margin: 0;
- padding: 0.1em;
- padding-left: 1em;
- }
- h3 {
- color: #999;
- font-size: 1.25em;
- }
- img {
- border-style: dashed;
- border-width: 2px;
- border-color: #ccc;
- }
- a {
- text-decoration: none;
- }
- strong {
- font-style: italic;
- text-transform: uppercase;
- }
- li {
- color: #900;
- font-style: italic;
- }
- table {
- background-color: #ccc;
- }
学CSS可以分成以下几个阶段：
阶段一：不去想浏览器的兼容性问题的情况下能做出页面，但页面里到处用TABLE的 模式DIV写出的页面。
阶段二：想到了兼容性问题，但无法提前预防，只会修补问题，大量使用HACK技术(我对HACK技术只是知道，但用的很少)
阶段三：可提前预防BUG，但样式表中大量应用了ID,CLASS，CSS译过来是重叠样式表，比如“DIV P SPAN”。这句代码是标明DIV子元素中P的子元素SPAN，这样写就可以定义SPAN的样式了，不用在SPAN中加入CLASS了。这也就是CSS的优点所在，为什么不好好利用而一定要定义一个CLASS呢!
阶段四：这一阶段是最难的，良好的HTML语义结构、合理的CSS、可重复利用的样式。良好的语义有这方面的文章,合理的CSS，这两方面以后一定会写专题来研究。
