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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章