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

以下兩個版本的模板都是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] 文中有解釋。










創作者介紹

min'cellanea

minc 發表在 痞客邦 PIXNET 留言(0) 人氣()