[CSS 02] 文章語法上 @ MinC::dream*chaser

內文本體部分分析，稍微比較了一下兩個版本，分別是從兩個不同的樣式改變來的。

以下兩個版本的模板都是grey2。

＊第一個版本（template: noon）

＊第二個版本（template: book）

第二個版本在文章標題的地方有兩個部份：

.mainEntryTitle {
height:30px;
text-align: left;
vertical-align:bottom;
padding-left:20px;
font-size:14px;
color: #999999;
}

.mainEntryTitle h3 {
margin:0px;
}

在"mainEntryTitle h3" 的部份只有margin 那一項，而第一個版本則是沒有"mainEntryTitle" 這項，把所有的語法都放在"mainEntryTitle h3"。我不了解這兩個有什麼不同，而"h3" 又代表哪一部份呢？為什麼第一個版本要分成兩部份寫呢？

【註】12.07.2006 補充：兩著之間的不同已於[CSS 10] 文中有解釋。

另外，第一個版本在內文部份是：

.mainEntry {
margin: 5px 20px 10px 25px;
text-align: left;
background-image: url('圖片網址');
background-repeat: no-repeat;
background-position: 100% 90%;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 10px;
}

.mainEntryBase {
margin: 10px 0px;
background-color: #FFFFFF;
padding-top: 5px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
line-height: 120%;
font-size: 13px;
color: #1F1F1F;
}

第二個版本則是：

.mainEntry {
padding: 10px 20px;
text-align: left;
}

.mainEntryBody {
margin: 0px 0px;
}

.mainEntryBase {
padding: 10px 30px 10px 30px;
font-size:12px;
color:#666666;
}

第二個版本多了"mainEntryBody" 這部份，我想應該是文章摘要部份，然後"mainEntryBase" 則是全文不包含摘要的部份，但是第一個版本好像把"mainEntryBody" 這部份併到"mainEntry" 去了，不過用感覺起來似乎和第二個版本沒什麼不同，不知道第二個版本這分成兩個部份有什麼特別意義。

【註】12.07.2006 補充：兩著之間的不同已於[CSS 10] 文中有解釋。

Bookmark: