当前位置: 网站建设 > 网页设计 > 建站经验 >

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

时间:2013-03-02 03:44来源:未知 作者:admin 点击:

标签:CSS入门教程:什么是百分比类型 m(2)HTML(42)什么(38)百分比(2)入门教程(37)CSS(655)类型(12)head(5)
html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / titlecss入门教程:什么是百分比类型示例/title style type=text/css media=all body { margin: 0; } div { width: 50%; background-color: blue; color: white; } /style /hea
CSS入门教程:什么是百分比类型》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332Y2013.htm

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <title>css入门教程:什么是百分比类型示例</title>  
  <style type="text/css" media="all">
   body
   {
    margin: 0;
   }
   
 ,CSS入门教程:什么是字符串类型;  div
   {
    ,CSS入门教程:CSS外部引用的方法;width: 50%;
  ,CSS入门教程:CSS声明;  background-color: blue;
    color: white;
   }
  </style>
 </head>
 <body>
  <div>
  ,CSS入门教程:CSS内部引用与内联引用; div的宽度为全部网页50%
  <,CSS入门教程:CCS注释语法;/div>,CSS使用技巧:清除多余的标签;

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

div的宽度为整个网页50%

 

百分比(表现为<percentage>),等价于一个实数<,CSS使用技巧大全;number>类型加上% 百分比老是一个绝对值 因为百分比也是依附于其它元素,CSS伪类选择器nth-child(),因而百分比测量也可以算做相对丈量单位的一种。例如: --> [网站建设之]CSS入门教程:什么是百分比类型

示例

下面是演示代码,你能够试一下后果:

 </body>
</html>,css伪类时冒号前后多个空格可导致该规则失效;

Tag:百分比类型   CSS入门   百分比类型   CSS入门  ,CSS优化使网页具有语义化;

css入门教程,本文咱们来学习下比拟轻易懂得的百分比类型。


(责任编辑:网站建设)
CSS入门教程:什么是百分比类型相关文章
上一篇:CSS入门教程:什么是字符串类型 下一篇:CSS入门教程:什么是选择器
回到顶部