WordPress主题模板修改制作入门之DIV+CSS篇

WordPress主题模板修改制作入门之DIV+CSS篇
我一直觉得利用wordpress来学习div和css是非常好的，原因有2，一是wordpress是纯div和css构架，二是wp的div不会很复杂（当然，你也可以把它搞的非常复杂，不过这些是牛人做的），但是涉及的css又非常完整，因为它本身就是一个独立的涉及各方面的但是不复杂的网站。

在开始说wp主题模板前，先简单说一下div和css，div也就是俗称容器，顾名思义，装网页内容的，完整格式是：
网页内容
，因为一个页面通常会涉及很多的容器，所以要给容器贴上标签以便容易区别和确认，有的标签可能在一个页面里是独立的，只能被用一次，或只用到一次，而有的标签在页面里会反复的被使用到。

对于这两种情况又加以区分：
第一种：独立的，只能用一次或只使用一次的标签，我们用ID来表示，格式是
网页内容
第二种：通用的，经常被用到的标签，用class来表示，格式是
网页内容
有一点需要说明的是，能用id的地方一定可以用class，用class 的地方不一定就能用id，但是对于id的唯一性，最好是用id的地方还是用id的好。

以我目前的水平，所有涉及div的知识，我知道的就上面这两个了，div装着网页内容被放在一个页面上是至上而下排列的，如果你想按你的意思让各个div
容器放在你想要的位置，就得用css来格式定义它，定义div的样式和位置是通过定义上面说的给div确定的标签来实现的。

在css（style.css文件）里对于ID和CLASS标签是通过#、.两个符号来认识的，ID对应的是“#”，CLASS对应的是“.”（英文输入状态下的句号）。

具体格式如下：
网页页面上内容：
id标签下div容器里的内容
class标签下div容器里的内容
css文件里的内容：#id {给id标签容器定义的样式1; 给id标签容器定义的样式2;} .class{给class标签容器定义的样式1; 给class标签容器定义的样式2;}
总体上就是这样，现在结合wordpress模板来简单说一下，从第一篇我介绍的wp主题模板的文件结构中已经了解各文件是怎么组合的了，我们以组合后的首页为例来看看大多数wordpress是怎么设置div 的：
——这个是最大的容器，包含所有页面内容的，因为它是唯一的无论哪个页面都只用到一次，所以用id来定义它，当然你也可以用class。

这里是头部的内容，也是唯一的
页面主要内容部分，也是唯一的
评论部分内容（不在首页），也是唯一的
侧边栏的容器，也是唯一的
底部的内容，也是唯一的。