经过前面的PHP文件制作，我们的主题上已经有了许多的零部件了，但是还没有达到完美的程度，它们就如同一堆乱七八糟的杂物，所以我们还要制作一个样式表文件 ：style.css，为它们安排好自已的位置。

避免误人子弟，我特意找出我的CSS书，重新温习一遍。发现还是2001年买回来的呢。可是这几年都把它雪藏了，唉！！！
先写一下版权信息
/* 
Theme Name:  这里是模版的名字
Theme URI:      这里是模版的网址
Version: 1.0      这里是模版的版号
Author:               这里是作者的名字
Author URI:       这里是作者的网站
*/

现在越来越重视劳动者的权益，所以不得不在文件中声明一下这是哪个人的作品。
其实，只要通过研究别人的作品，至少可以省下一半的力气。
如何来设计一个样式表的思路才是最重要的。
首先要有一个全局观，要学会计算尺寸。你应该清楚，在你的主题模版中，从这里到那里，是属于什么哪一部分的，是要放什么内容进去的。然后你就为这一部分设置它的属性：class与id，当然了，我这里指的是在前面的PHP文件中，为每一个html标签设置的属性。然后我们才可以在样式表文件中具体的来定义这些属性的参数。有一点要注意，上级标签使用了class属性后，它的下级标签中不可再出现id属性。简单一点的说，id可以包含class与id，class不可以包含id.所以说要有一个好的全局观，在为标签的属性命名时才不会出错。

标签的样式定义有着继承性，下级标签会继承上级标签所定义的样式，但是标签也遵循最近原则，例如：
body{color:#000000;}
p{color:#FFFFFF;} 
第一行是定义前景色是黑色，标签p的内容也将因继承性而接受是黑色的前景色，但是标签P又定义前景色是白色，这时标签P的内容将遵循最近原则，改变成白色。

在样式表中，一个点代表class，一个#代表id 。
对于有着相同样式的标签，我们可以把它们集合起来简写，用逗号把每个标签分隔开。
例如：P，h1，h2，div，td{font-size:20px;}
还有一种写代码的情况是这样的：
div  ul li p{font-size:20px}
每个标签用空格隔开，代表着上下级的关系。这表示一个具体的标签的样式，它是div标签下面的ul标签下面的li标签下面的p标签的内部字体大小，这样的一个定义不会涉及到其它位置的标签。
两个特殊的标签是UL与LI，它们可以互相嵌套，如果定义UL，只会对下一级的UL起作用。而对下一级的LI无效。

相关文章

• 2007-07-21 -- wordpress主题模版制作教程(二) (6)
• 2007-07-20 -- wordpress主题模版制作教程(一) (1)