css設(shè)置字體大小的屬性名是“font-size”,該屬性使用css中表示尺寸的單位(px、em、rem等)設(shè)置字體大小,也可以使用百分號(hào)等單位來設(shè)置。實(shí)際上font-size設(shè)置的是字體中字符框的高度;實(shí)際的字符字形可能比這些框高或矮。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css設(shè)置字體大小的屬性名是“font-size”。
font-size 屬性用于設(shè)置字體大小、字體的尺寸;通常使用css中表示尺寸的單位來設(shè)置字體大小,也可以使用百分號(hào)等單位來設(shè)置。
實(shí)際上該屬性設(shè)置的是字體中字符框的高度;實(shí)際的字符字形可能比這些框高或矮(通常會(huì)矮)。
如果一個(gè)元素沒有顯式定義font-size屬性,則會(huì)自動(dòng)繼承父元素的 font-size屬性的計(jì)算結(jié)果。【推薦教程:CSS視頻教程 】
屬性值:
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> .length1 { font-size: 20px; } .length2 { font-size: 2em; } .length3 { font-size: 2rem; } .length4{ font-size:200%; } .length5{ font-size:x-large; } .length6{ font-size:xx-large; } </style> </head> <body> <p>這是測試段落</p> <p class="length1">這是測試段落</p> <p class="length2">這是測試段落</p> <p class="length3">這是測試段落</p> <p class="length4">這是測試段落</p> <p class="length5">這是測試段落</p> <p class="length6">這是測試段落</p> </body> </html>
效果圖: