夜丶光
夜丶光

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

实例


<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">字体1p>
        <p id="word_2">字体2p>
        <p id="word_3">字体3p>
    body>
html>

你可能感兴趣的:(web前端)