這樣的元素選擇器來給予所有的p元素一個左對齊。
還有復雜一點的復合型選擇器，下面的是HTML文件
如果沒有一個好的結(jié)構(gòu)
那么以后可能就是這樣子。。。。
還有CSS文件
.para{
font-size: 22px;
color:#f00;
text-align: center;
padding-left: 20px;
}
.para2{
font-size:44px;
color:#3ed;
text-indent: 2em;
padding-left: 2em;
}
p.para{
color:#f0f;
}
div#content p {
font-size:22px;
}
4.5 更有趣的CSS
一個包含了para2以及para_bg的例子
那么以后可能就是這樣子。。。。
我們只是添加了一個黑色的背景
.para_bg{
background-color:#000;
}
重新改變后的網(wǎng)頁變得比原來有趣了很多，所謂的繼承與合并就是上面的例子。
我們還可以用CSS3做出更多有趣的效果，而這些并不在我們的討論范圍里面，因為我們討論的是be a geek。
或許我們寫的代碼都是那么的簡單，從HTML到Javascript，還有現(xiàn)在的CSS，只是總有一些核心的東西，而不是去考慮那些基礎(chǔ)語法，基礎(chǔ)的東西我們可以在實踐的過程中一一發(fā)現(xiàn)。但是我們可能發(fā)現(xiàn)不了，或者在平時的使用中考慮不到一些有趣的用法或者說特殊的用法，這時候可以通過觀察一些精致設(shè)計的代碼中學習到。復雜的東西可以變得很簡單，簡單的東西也可以變得很復雜。
源自畢業(yè)論文:基于REST服務的最小物聯(lián)網(wǎng)系統(tǒng)設(shè)計