攻陷CSS(一)

想不想執靚你個 SINA BLOG？噢！來吧！今次，我向大家簡單地介紹，如何設定內文和文章標題的文字。GO！GO！GO！

(1) 內文

/***********************************************/
/* post                            */
/***********************************************/

div.post_content{ /*the post's content */

padding         : 4%;
padding-top  : 20px;
color           : #000000;
font-family         : lucida grande, verdana, arial, sans-serif;
font-size           : 12pt; /*字型大小*/
overflow        : hidden;
letter-spacing    : 1px;/*字距*/
width           : 90%;
line-height     : 1.55em; /*行高*/
text-align  : left;

}

(2) 文章標題

/***********************************************/
/* common layout                         */
/***********************************************/

div.c_title{ /* title */

padding-top         : 2px;
padding-left        : 5px;
height              : 30px;/*高度，如果發現字型太大，可嘗試調較此設定值*/
font-family         : lucida grande, verdana, arial, sans-serif;
font-size           : 18px; /*字型大小*/
font-style          : oblique; /*斜體字*/
font-weight         : 700; /*字體粗細，可指定100~900共9個階段，400為normal，600為bold。*/
letter-spacing    : 1px;/*行距*/
line-height         : 1.6;/*行高*/
color               : #000000;
text-align          : left;
border-bottom  : 2px solid #AAAAAA;
}

若看不明白，歡迎留言提問！ :)

另外，建議大家看《CSS功能索引式參考手冊》(作者：大藤幹，出版社：旗標)。該書的文字十分簡潔。其「索引式目錄」仔細清晰，查找時甚方便呢。

相關文章：

「字大」派　網絡暴民

============================================

感謝 羊狼二世 提供以上資料

羊狼二世的網誌: http://contact_ching.mysinablog.com/index.php

============================================