攻陷CSS(一)

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

http://mysinablog.com/a%20href= _uacct = “UA-904981-1″; urchinTracker(); http://mysinablog.com/a%20href=

(1) 內文

CSS字型_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) 文章標題

CSS字型_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://mysinablog.com/a%20href= _uacct = “UA-904981-1″; urchinTracker(); http://mysinablog.com/a%20href=

發表者:凝望

君看汝雙眼 不語似無愁

攻陷CSS(一) 有 “ 0 則迴響 ”

  1. 大头 :
    mysinablog允许自己修改css的确很方便。有很多文章可做。只是对于一般用户来说很难摸清门路。

    係呀。CSS既題材豐富,但又幾冷門,因為識既人唔多嘛。另外就係玩CSS既熱潮都淡退左不少呢(最hot既時期,應該係一年半年前)。
    不過,同人講自己點執CSS,應該都幾好。對於一些「有心人」,多些information 都是一件好事。

  2. Gary :
    CSS很好玩的東西,現代網頁樣式層面的必然之選。

    CSS要好有心機先玩得好架...。

  3. blue :
    我唔識呀….算啦我都係繼續default吧啦…

    係喎,「麵是這樣吃的」Tag 好似好難喎,唔識喎...汗。

  4. 子木 :
    修改font-family 仲可以改字體,不過唔係部部機都可以睇到,呢個比較可惜

    老實說,我不太懂弄 font-family 。
    其實我的水平不高。我只是拼命地鑽研那本CSS手冊,才學會一點點而己。

  5. 羊狼二世 :
    係喎,「麵是這樣吃的」Tag 好似好難喎,唔識喎...汗。

    你呢篇幾好喎! 我同意你講個個tag 好似好難. 我諗到而家都諗到點寫好… ;-p

  6. 紫熊 :
    你呢篇幾好喎! 我同意你講個個tag 好似好難. 我諗到而家都諗到點寫好… ;-p

    要吃麵...原來真係咁難。哈!我正式棄權!:)

  7. 唔係喎, 再睇番個題目係「麵是要這樣"煮"的」喎… 同樣難諗. 不過, 我應該唔會(敢)棄權啦. 咁大家一齊玩下啫麻. ^^

  8. 紫熊 :
    唔係喎, 再睇番個題目係「麵是要這樣"煮"的」喎… 同樣難諗. 不過, 我應該唔會(敢)棄權啦. 咁大家一齊玩下啫麻. ^^

    咦,係喎。都係難啫。
    我會做啦啦隊,在旁為你們打氣(潛台詞:唔洗預我啦)。

回覆給羊狼二世 取消回覆

使用 WordPress.com 設計專業網站
立即開始使用