css设置字体大小的属性名是什么


本文摘自PHP中文网,作者青灯夜游,侵删。

css设置字体大小的属性名是“font-size”,该属性使用css中表示尺寸的单位(px、em、rem等)设置字体大小,也可以使用百分号等单位来设置。实际上font-size设置的是字体中字符框的高度;实际的字符字形可能比这些框高或矮。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

css设置字体大小的属性名是“font-size”。

font-size 属性用于设置字体大小、字体的尺寸;通常使用css中表示尺寸的单位来设置字体大小,也可以使用百分号等单位来设置。

实际上该属性设置的是字体中字符框的高度;实际的字符字形可能比这些框高或矮(通常会矮)。

如果一个元素没有显式定义font-size属性,则会自动继承父元素的 font-size属性的计算结果。【推荐教程:CSS视频教程 】

属性值:

1.png

示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <style type="text/css">

            .length1 {

                font-size: 20px;

            }

         

            .length2 {

                font-size: 2em;

            }

             

            .length3 {

                font-size: 2rem;

                 

            }

            .length4{

                font-size:200%;

            }

            .length5{

                font-size:x-large;

            }

            .length6{

                font-size:xx-large;

            }

        </style>

    </head>

    <body>

        <p>这是测试段落</p>

        <p class="length1">这是测试段落</p>

        <p class="length2">这是测试段落</p>

        <p class="length3">这是测试段落</p>

        <p class="length4">这是测试段落</p>

        <p class="length5">这是测试段落</p>

        <p class="length6">这是测试段落</p>

    </body>

</html>

效果图:

2.png

更多编程相关知识,请访问:编程视频!!

以上就是css设置字体大小的属性名是什么的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css如何设置元素水平垂直居中显示

css class和id选择器的区别是什么

css选择第几个子元素用什么选择器

css如何设置div不换行

css ul 不换行怎么实现

css如何实现图片抽屉式效果

css中哪些属性可以继承

html水平线hr颜色怎么写

css 粘性定位 sticky 详解

css如何取消链接下划线

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...