CSS是一種用來控制網頁樣式和布局的語言。在CSS中,設置字體大小是一項常見的任務。不同于傳統的HTML標簽中指定字體大小的方式,CSS中提供了更加靈活的方法,使得我們可以更加自由地控制字體大小。以下是一些CSS中關于字體大小的方法:
//設置一個元素的字體大小 font-size: 16px; //設置不同標簽的默認字體大小 h1{ font-size: 32px; } p{ font-size: 16px; } //使用相對大小 font-size: larger; //比默認大小更大 font-size: smaller; //比默認大小更小 font-size: 150%; //相對于默認大小增加50% //根據屏幕大小設置字體大小 @media (max-width: 768px) { p { font-size: 14px; } } //根據用戶偏好設置字體大小 html{ font-size: 16px; } body{ font-size: 1rem; } @media (min-width: 768px) { html{ font-size: 20px; } }
在CSS中,我們還可以使用繼承、縮寫等方式來更加方便地設置字體大小。總之,CSS為我們提供了非常便利的選擇,使得我們可以更加自由地控制頁面的字體大小。