首页 > 代码库 > 尺寸的表示
尺寸的表示
<!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>本文出自 “别闹好好的” 博客，转载请与作者联系！
尺寸的表示
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。