CSS-常用文字屬性

字體

  1. 屬性名:font-size
    取值:像素(單位:px)、em(1em=16px)、small(medium、large)
    說明:改變字體大小

  2. 屬性名:color
    取值:直接給英文名稱(例:red)、16進制編號(例:#cccccc)
    說明:改變字體顏色

  3. 屬性名:font-family
    取值:Serif 字體、Sans-serif 字體、Monospace 字體、Cursive 字體、Fantasy 字體、漢字(例:微軟雅黑)
    說明:改變字體類型

  4. 屬性名:font-style
    取值:normal(正常)、italic(斜體)、oblique(傾斜)
    說明:改變字體風格

  5. 屬性:font-weight
    取值:100(細)~900(粗)
    說明:改變字體粗細,400=normal,700=bold

實例

<!DOCTYPE HTML>
<html>
    <head>
        <style type="text/css">
            #word_1 {
                font-size:20px;/*大小*/
                color:red;/*顏色*/
                font-style:oblique;/*風格*/
                font-weight:900;/*粗細*/
            }
            #word_2 {font-family:宋體;/*類型*/}
            #word_3 {
                font-size:2em;/*大小*/
                color:#cccccc;/*顏色*/
                font-style:italic;/*風格*/
                font-weight:normal;/*粗細*/
            }
        </style>
    </head>
    <body>
        <p id="word_1">字體1</p>
        <p id="word_2">字體2</p>
        <p id="word_3">字體3</p>
    </body>
</html>
發佈了38 篇原創文章 · 獲贊 1 · 訪問量 9428
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章