CSS3是網頁設計中重要的一部分,它帶來了許多新的特性,包括更加靈活的字號設定。在CSS3中,有多種設定字號的方式,下面我們一一介紹。
第一種,使用絕對單位
絕對單位包括像素px、點pt、毫米mm以及英寸in等。這種方式的優點是字號穩定,不受用戶的瀏覽器設置、屏幕分辨率等影響。但缺點是不夠靈活,難以適應不同設備分辨率的變化。
例子:
h1 { font-size: 32px; }
第二種,使用相對單位
相對單位包括em、rem、百分比%等。相對單位相對于某種父元素或者根元素的字號來設定自身的字號,因此可以適應不同的設備或者網頁結構。但缺點是有時候計算比較麻煩,不夠準確。
例子:
h1 { font-size: 2em; } p { font-size: 120%; }
第三種,使用Viewport單位
Viewport單位指的是視口的單位,包括vw、vh、vmin、vmax等。視口指的是網頁可見部分的大小,在不同的設備上視口大小不同。這種方式可以根據視口大小來調整字號,特別適合移動端的響應式設計。
例子:
h1 { font-size: 8vw; } p { font-size: 4vh; }
以上是CSS3中常用的三種設定字號的方式,可以根據不同的需求選擇相應的方式。注意在設置字號的時候需要考慮兼容性和可讀性。
上一篇ajax 提交表單后跳轉
下一篇mysqli php5