css入门(三)—— 字体样式

1. 概述
    A. 文字样式属性主要包括字体、大小、粗细、颜色等放方面。
       font-family:字体类型
       font-size:字体大小(高和宽)
       font-weight:字体粗细(”肥胖“程度)
       font-style:字体斜体
       color:颜色
2. font-family、font-size、font-weight、font-style
    A. 浏览器默认的font-family是宋体。
    B. font-size的值可以设置为关键字(xx-small、x-small、medium、large等),也可以设置为数值(20px等),推荐使用数值。
    C. color的值可以设置为关键字(red、green等),也可以设置为rgb数值(#3EF0A4)。
    D. font-weight的值可以设置为关键字(normal、bold等),也可以设置为100~900的数值(100等),推荐使用关键字。
    E. font-style的值可以设置为关键字(normal、italic、oblique),其中,italic是使用文字的斜体,oblique是让文字倾斜(某些偏僻子没有斜体)
    e.g. <head>
            <title>css入门</title>
            <style type="text/css">
                #a {
                    /* id为a的标签字体为Arial;size为30px;color为red */
                    font-family: Arial;
                    font-size: 30px;
                    color: red;
                }

                p {
                    /* p标签依次使用Arial字体、Times New Roman字体、默认字体;color为rgb#03FCA1 */
                    /* 使用时看本地是否有对应字体,浏览器默认使用的是宋体 */
                    font-family: Arial, 'Times New Roman';
                    color: #03FCA1;
                }

                div {
                    font-weight: bold;
                    font-style: italic;
                }
            </style>
        </head>

        <body>
            <p id="a">a</p>
            <div id="b">b</div>
            <p>你好</p>
            <p>c</p>
        </body>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值