CSS初探

1.背景图片为啥老是不出现？

网上说的是路径问题，本文先贴出代码：

.pagebody{
background:url('../images/login_02.gif') no-repeat;
}

加了一句

.pagebody{
background:url('../images/login_02.gif') no-repeat;

height:100px;
}

height这里才能使得背景图片显示，朋友们可以试试看。

2.display：block有啥用？

display：block；比较常用于<a><span>这两个标签——因为这两个标签非块元素，如果不用display：block定义一下，那么定义width、height等和长宽相关的css属性时会发现完全不生效。你可以实际写几行简单代码感受一下。

3. > 符号控制继承,代表的是直接继承子类

div>ul>li{ }
div的直接子元素是ul的里的直接子元素是li的样式

若没有>，则代表的所有子类，即有可能是子类的子类，如：

div ul li{ }

4.窗口缩小时，字体或者图片的位置会随之改变，解决的办法是：

在div设置类的时候，加入位置或大小属性，则不会出现该现象。

5.如何设置div内容居中？

首先在body加入属性text-align:center;

然后在对应得div中，加入magrin:0 auto;

欧克~

6.关于charset=utf-8和 charset=gb2312编码的不同

在页面设计的过程中，utf-8会导致css中文部分样式丢失，因为这种编码方式不认中文。

7.font：12px/1.6 arial;的意思

1.6表示的是line-height：1.6em；简写就是font:12px/1.6;但是必须是这样写font：12px/1.6 arial;如果后面不跟Arial就可能不出现效果！（转）

8.!important的含义

!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。语法格式{ cssRule !important }，即

写在定义的最后面，例如：box{color:red !important;}

W3c的解释

CSS企图创造一个平衡作者和用户之间的级层样式表。

默认情况下,CSS规则按级层覆盖，例如在.CSS文件中的定义可以被style标签的定义覆盖，反之则不行。

然而,对覆盖平衡而言,加上一个“!important”就优先于正常的CSS规则。

9.如何使一行的两个div元素不浮动：

对第一个添加：float:left;第二个添加float:right或者不加。

10.background:#FFFFFF none repeat scroll 0 0;是什么意思?

BACKGROUND:transparent none repeat scroll 0% 0% 

分别代表 
背景属性：背景颜色 背景图片 背景是否重复 背景时候随浏览器滚动 背景平位置 背景垂直位置 
background : background-color || background-image || background-repeat || background-attachment || background-position 

transparent表示透明无颜色 
none 表示没有设置背景图片 
repeat 表示图片重复 
scroll 表示背景图片随浏览器下拉而滚动 
0%水平位置在x0 
0%垂直位置在y0