一、字号巨大细小对阅读体验的关系到

嘿嘿，你晓得吗？网页上的字巨大细小真实的Neng关系到我们kan书的感觉哦！就像吃蛋糕一样，太巨大太细小dou不优良，得刚刚优良才行。

字号太细小，就像细小蚂蚁一样，眼睛dou累得慌；字号太巨大，就像巨大象一样，网页dou挤不下了。所以我们要找到一个合适的字号，让我们的眼睛舒服，让我们的阅读geng加顺畅。

标题字体巨大细小设置

网页上有hen许多标题， 比如这玩意儿“字号巨大细小对阅读体验的关系到”，它就比普通的文字巨大hen许多。这样我们就Neng一眼kan出这是啥内容啦！

        h1 {
            font-size: 32px;
        }
    

二、 利用字号差距突出沉点

有时候，文章里会有一些特别关键的信息，我们要特别关注。这时候，我们Neng用geng巨大的字号来表示，这样就像给这些个信息穿上了“高大光”，让人一眼就Nengkan到。

        @media screen and {
            body{
                font-size: 14px;
            }
            h1{
                font-size: 24px;
            }
        }
        @media screen and  and {
            body{
                font-size: 16px;
            }
            h1{
                font-size: 28px;
            }
        }
        @media screen and {
            body{
                font-size: 18px;
            }
            h1{
                font-size: 32px;
            }
        }
    

三、适当地利用字号变来变去传达情感色彩

你晓得吗？字号还Neng传达情感哦！比如用巨大字号写“哇塞，优良开心！”就显得特别兴奋；用细小字号写“嗯，有点凉”，就显得特别温馨。

        .fun{
            font-size: 22px;
        }
        .warm{
            font-size: 20px;
        }
    

四、 响应式布局下的字号处理

眼下hen许多网页dou是Neng习惯不同屏幕巨大细小的，这就是响应式布局。在响应式布局里字号也要习惯不同的屏幕巨大细小哦。

        h1{
            font-size: 32px;
        }
        h2{
            font-size: 24px;
        }
        .important-content{
            font-size: 18px;
        }
    

通过调整字号，我们Neng让网页kan起来geng舒服，阅读起来geng顺畅。所以下次Zuo网页的时候，别忘了优良优良调整字号哦！