css 怎么设置网页字体大小?

2025-10-31 19:49:47

1、我们先看看怎么设置整个网页的字体的大小,代码如下:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <style>

        body {

            font-size: 20px;

        }

        /*字体大小为20像素*/

    </style>

</head>

<body>

    这是一些测试文字。我的大小为20px像素。

</body>

</html>

设置大小后的效果图片如下:

css 怎么设置网页字体大小?

2、我们先看看怎么设置网页中div,span标签的字体的大小,代码如下:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <style>

        body {

            font-size: 20px;

        }

        div {

            font-size: 30px;

        }

        span {

            font-size: 40px;

        }

        /*字体大小为20像素*/

    </style>

</head>

<body>

    这是一些测试文字,我的字体大小为20px像素。

    <div>我的div标签里面的文字,大小为30px像素。</div>

    <span>我的span标签里面的文字,大小为40px像素。</span>

</body>

</html>

设置大小后的效果图片如下(其他标签设置方法以此类推):

css 怎么设置网页字体大小?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢