leiyanting

导航

 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>字体一</title>
        <style type="text/css">
            .p1{
                /* 
                    设置字体颜色,使用color来设置文字的颜色
                 */
                color: red;
                /* 
                    设置文字的大小,浏览器中一般默认的文字大小都是16px
                    font-size设置的并不是文字本身的大小
                        在页面中文字都在一个看不见的框中
                        我们设置的font-size实际上是设置格的高度,并不是字体的大小
                        一般情况下,文字都要比格要小一些,也有时会比格大
                        根据字体的不同,效果也不同
                 */
                font-size: 30px;
                
                /* 
                    通过font-family可以指定文字的字体
                        当采用某种字体时,如果浏览器 支持则使用该字体
                        如果字体不支持,则使用默认字体
                    该样式可以同时指定多个字体,多个字体之间使用,分开
                    当采用多个字体时,浏览器会优先使用前面的字体
                        如果前面没有在尝试下一个
                 */
                /* 
                    浏览器使用的字体默认就是计算机中的字体
                        如果计算机有则使用,如果没有就不用
                        
                        在开发中,如果字体太奇怪,用的太少,尽量不要使用
                        有可能用户电脑没有无法使用
                 */
                font-family: 华文彩云 , 微软雅黑;
            }
            
        </style>
    </head>
    <body>
        <p class="p1">天气真不错</p>
    </body>
</html>

 

posted on 2021-06-30 10:51  leiyanting  阅读(80)  评论(0)    收藏  举报