尺寸的表示

時間 2020-05-20

標籤尺寸表示简体版

原文原文鏈接

<!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>

相關標籤/搜索