建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > css教程 >

CSS入门教程:什么是百分比类型

时间:2011-03-06 07:29来源: 作者: 点击:
css入门教程,本文我们来学习下比较容易理解的百分比类型。 百分比(表示为),等价于一个实数类型加上% 百分比总是一个相对值 由于百分比也是依赖于其它元素,因此百分比测量也可以算做相对测量单位的一种。例如: 示例 body {

css入门教程,本文我们来学习下比较容易理解的百分比类型。

  • 百分比(表示为<percentage>),等价于一个实数<number>类型加上%
  • 百分比总是一个相对值
  • 由于百分比也是依赖于其它元素,因此百分比测量也可以算做相对测量单位的一种。例如:
  •  

    示例

    body
    {
    	margin: 0;
    }
    
    div
    {
    	width: 50%;
    }
    

    div的宽度为整个网页50%

    下面是演示代码,你可以试一下效果:

    <html>
     <head>
      <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
      <title>css入门教程:什么是百分比类型示例</title>  
      <style type="text/css" media="all">
       body
       {
        margin: 0;
       }
       
       div
       {
        width: 50%;
        background-color: blue;
        color: white;
       }
      </style>
     </head>
     <body>
      <div>
       div的宽度为整个网页50%
      </div>

     </body>
    </html>

    (责任编辑:admin)
    织梦二维码生成器
    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    ------分隔线----------------------------
    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    评价:
    表情:
    用户名: 验证码:点击我更换图片