尺寸的表示

  • 1,384

尺寸的表示

    <!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,还有没有其他尺寸的定义方式!

weinxin
我的微信
这是我的微信扫一扫
开拓者博主
  • 本文由 发表于 2016年7月22日11:52:43
  • 转载请务必保留本文链接:https://www.150643.com/172.html
匿名

发表评论

匿名网友 填写信息