<!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>
尺寸的表示
原创
©著作权归作者所有:来自51CTO博客作者别闹好好的的原创作品,如需转载,请与作者联系,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
Android 屏幕适配攻略(二)单位dp与px来表示控件的尺寸
Android 屏幕适配攻略(二)单位dp与px来表示控件的尺寸 在安卓中,将屏幕密度分为了五类 屏幕密度 对应的标签 对应的像素 120dip ldpi 1dp= 0.75px 160dip mdpi 1dp= 1px 240dip hdpi 1dp= 1.5px 320dip xhdpi 1dp= 2px 480dip
android屏幕适配 android屏幕分辨率 android屏幕适配问题 屏幕密度 android -
JQ的尺寸类
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UT
html 内边距 jquery