这两天工作主要集中在网页的界面上，为了效率，不得不去学习CSS了。
花了三个小时终于把W3Schools上CSS基础部分看完了，现在觉得这个东西实在是太有趣了，比我预先想像地还要精妙！整个体系简直就像是面向对象语言开发包的API类库，应该说就是按面向对象的思想做的一个好东东。先回顾一下今天看的内容，归纳一下，主要有两个方面的内容，一个是句法（syntax）；另一个是句法的基本应用。
一、句法
selector { property: value} 这个是句法的通式了。其中selecto变化最为繁多，而property和value几乎都是在定式中，用的时候查下文档就搞定。所以这里把selector多说几句。
1、HTML的元素直接作为selector。这种是最常见的了，就不废话。举一个例子好了，p { background-color: red }
2、ID作为selector。这个应用我想如果你看过DONEWS博客的CSS就一定不会陌生了。同样举个例子
#example { background-color:red }
<p id="example">i.e.</p>
3、自然就是1和2的组合了，可以这么写p#example，这样就会对<p id="example">i.e.</p>，应用CSS；还可以这么写#example li，这个还是举个例子
<ul id="example">
<li>A
<li>B
</ul>
这样就是对ID为example的元素中包含的li元素应用CSS
4、.class 这也是很重要的应用，用户定义类，然后对带有该类的元素应用CSS。同样这里也可以是1和4组合，2和4组合，这个我就不多说了，和前面一个原理是差不多的，只是位子放的不同而已
上面谈了句法的三个文本部分，还有个重要的部分就是里面标点符号的使用了，我觉得这个变化是最多的。而且在教程里也没有很集中的介绍。不过通过查阅CSS文档中的示例，就可以知道标点符号怎么用了。
二、实际应用
我看完了所有basic级别的应用，觉得最值得总结的就是有关边框的应用了，其它的应用都比较常规易懂。与边框有关的有border、margin、padding。之所以把它们提到面上来说，是因为它们在赋值的时候的规律性很有趣，是“时钟”顺序赋值的。从时钟零点开始，然后三点、六点、九点。还是分别说一下的好，以border-color为例吧。
1、border-color:red。表示四边都为红；
2、border-color:red green。表示上下边为红，左右边为绿；
3、border-color:red green blue。表示上边为红，左右边为绿，下边为蓝；
4、border-color:red green blue yellow。边式上边为红，右边为绿，下边为蓝，左边为黄。
OK，明白时钟怎么走的，就一定能看懂上面4点了。不要告诉我你用的电子表显示数字理解不了，那我只好建议你有太阳的时候，站在太阳下别动，看看自己的影子是怎么在转动。
在应用中比较重要的就是list了，它是作导航栏的最佳选择了。关于它的应用我想我还是等我在这个博客上实验做以后在写出来吧。这样更切合实际一些，不像这篇，完全是空话。
Trackback: http://tb.donews.net/TrackBack.aspx?PostId=246044