尺寸的表示

1,665

阅读模式

尺寸的表示

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
           <title>首页实战</title>
        <meta http-equiv="Conrent-type" content="text/html;charset=utf-8">
        <meta name="description" content="实战首页布局">
        <link rel="stylesheet" href="csh.css"/>
    <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:10px;
    }
    #p1{
       font-size:20px;
    }
    #p2{
       font-size:2em;
    }
    </style>
                
    </head>
          <body>
         <div id="par">
        <div id="son1">我用像素来表示 px</div>
    <div id="son2">我用百分比来表示，块状元素如果不说高度，默认占满父元素的高度</div>
    </div>
     
     
     
     
     <div id="test1">
     父div
        <p id="p1">我用px来表示字体大小</p>
        <p id="p2">我用em来表示字体大小,em是相对大小，是指其父元素中的1m大小，简单理解为父元素的font-size就是1个em单位</p>
     
     
     
     </div>
          
        
         </body>
    </html>

课后作业：除了排序px，%，em，还有没有其他尺寸的定义方式！