CSS-常用文字属性

最新推荐文章于 2024-04-24 17:07:17 发布

夜丶光

最新推荐文章于 2024-04-24 17:07:17 发布

阅读量309

点赞数

分类专栏： web前端文章标签： css

本文链接：https://blog.csdn.net/lcconsider/article/details/60953799

版权

web前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

字体

属性名：font-size
取值：像素（单位：px）、em（1em=16px）、small(medium、large)
说明：改变字体大小
属性名：color
取值：直接给英文名称（例：red）、16进制编号（例：#cccccc）
说明：改变字体颜色
属性名：font-family
取值：Serif 字体、Sans-serif 字体、Monospace 字体、Cursive 字体、Fantasy 字体、汉字（例：微软雅黑）
说明：改变字体类型
属性名：font-style
取值：normal（正常）、italic（斜体）、oblique（倾斜）
说明：改变字体风格
属性：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>