<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #par{ width:600px; height:300px; background:green; } #son1{ width:300px; height:100px; background:blue; } #son2{ width:50%; height:50%; background:pink; } #test1{ font-size:20px; } #p1{ font-size:30px; } #p2{ font-size:1em; } </style> </head> <body> <div id="par"> <div id="son1">用像素来表示</div> <div>用百分比来表示,块状子元素要是不设置宽度默认占满父元素的宽度</div> </div> <div id="test1"> 父级 <p id="p1">用像素表示文字大小</p> <p id="p2">用em表示文字大小,em是相对大小,是指其父元素中的一个"M"的大小,父元素的font-size就是一个em</p> </div> </body> </html>
时间: 2024-10-20 00:19:22