在css中,可以使用font-size屬性來改變字體大小,該屬性可以設定字體大小,語法格式為「font-size:值;」。實際上font-size屬性設定的是字體中字元框的高度,實際的字元字形可能比這些框高或矮(通常會矮)。
本教學操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。
在css中,可以使用font-size屬性來改變字體大小。
css font-size屬性
#font-size 屬性用於設定字體大小。
注意:實際上它設定的是字體中字元框的高度;實際的字元字形可能比這些框高或矮(通常會矮)。
值 | 描述 |
---|---|
|
|
##把字體的尺寸設定為不同的尺寸,從xx-small 到xx-large。 | 預設值:medium。|
smaller | 把 font-size 設為比父元素更小的尺寸。 |
length
把 font-size 設定為一個固定的值。
%
###inherit######規定應該從父元素繼承字體尺寸。 ###############【推薦教學:###CSS影片教學### 、《###html影片教學###》】###/* <absolute-size>,绝对大小值 */ font-size: xx-small; font-size: x-small; font-size: small; font-size: medium; font-size: large; font-size: x-large; font-size: xx-large; /* <relative-size>,相对大小值 */ font-size: larger; font-size: smaller; /* <length>,长度值 */ font-size: 12px; font-size: 0.8em; /* <percentage>,百分比值 */ font-size: 80%; font-size: inherit;
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> /* font-size属性设置字体大小--“数字+长度值” */ .length1 { font-size: 20px; /* px,像素,它是 CSS 中最常用的长度单位,可以用来指定字体大小,元素的宽度、高度、边框、内边距,外边距的大小等等, 它是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI px 单位的值必须是整数值 */ } .length2 { font-size: 2em; /* em 相对长度单位,取决于目标元素字体尺寸。 em 单位的值等于基本元素或父元素的字体大小。 */ } .length3 { font-size: 2rem; /* rem CSS3中加入的 相对长度单位, 取决于文档根元素(通常为:root)的字体尺寸,适用于依据字体尺寸进行的排版,适用于自适应。 */ } .length4{ font-size:200%; /* 相对于父元素的尺寸的取值, 实际使用中,如果父元素是一个非稳定的取值,可能会导致父元素被撑开, 而实际值取决于其祖先元素中最近的一个拥有稳定取值的元素。整数取值,并不适用于解决自适应问题。 */ } </style> </head> <body> <p>这是测试段落</p> <p class="length1">这是测试段落</p> <p class="length2">这是测试段落</p> <p class="length3">这是测试段落</p> <p class="length4">这是测试段落</p> </body> </html>
以上是css中如何改變字體大小的詳細內容。更多資訊請關注PHP中文網其他相關文章!