CSS网页布局中ID与class的理解

　　XHTML CSS网页布局中ID与class的理解应用：

　　要是XHTML与CSS能面向对象。。太阳应该从北边升起了。但是，凡事都应该带着OO的思想来看问题，也勉强可以凑数拉。其实，早在零几年就有人提出了OO-style，不过已找不到。

　　那要怎样OO呢？现在大家都知道CSS是可以介样写滴：

<div class="layout color">不是笨蛋嗷嗷鸟</div>

.layout{width:100%}
.color{color:#123456}

　　接着，要来实现“封装”。子级选择符大家应该常常用吧，换代码：

　　<div class="G_G"><span class="bendan">笨蛋</span>嗷嗷</div>

　　虽然.bendan{}跟.G_G .bendan{}都可以定义，但是后者只能应用在class为“G_G”的元素，我们可以简单把.bendan{}理解成全局定义，把.G_G .bendan{}理解成局部定义，这样的话就有利于我们XHTML与CSS的模块化。^^传说中的“封装”出现了，再接着。

　　<div id="aoao" class="G_G o_O"><span class="bendan">笨蛋</span>嗷嗷</div>

　　这样的代码就可以产生无数的变化了，还不明白的从头看起。^^

　　深刻理解XHTML CSS网页布局中ID与class的应用！

（出处：清风网络学院）