Q：在CSS中.和#的区别
A: .代表class ，可以被多次调用，＃代表id，id在网页中只能有一个，而class可以有多个。
Eg：
#bground{color:red;}
.aa{background:red;}
.bb{color:#fff;}
<div id="aa" class="aa bb">结果</div> 此时，class的CSS样式就是：background:red;color:#fff;
1 <div id="bgcound" class=" aa bb">dahgpqdghpq
2 <div id="center"></div>
3 </div>
4
5 #bgcound{ border:2px solid Black; 960px; height:500px;}
6 .aa{ background:green;}
7 .bb{ color:red ;}
我们可以给div指定多个样式。
Q:CSS中的！important属性的使用方法
A：
语法以及描述
!important 声明为样式表的作者提供了一种为CSS值比其本身拥有的更多权重的方式。在这里，需要注意的是“!important声明”这个短语，它指的是带有!important的所有CSS声明，包括属性和值。 (感谢 Brad Czerniak 为我指出该差异)。这里有个简单的例子代码，它清楚的演示了!important 如何影响应用它的样式的原本方式：
#example {
font-size: 14px !important;
}
#container #example {
font-size: 10px;
}
在上面的例子代码中，id为“example”的元素的文本大小为14px，这是因为补充了 !important。若若是没有使用!important，第二个声明块本来会比第一个有更高的权重，出于以下两个原因： 第二个声明块在样式表的后面部分。而且，第二个声明块更加明确。(#container 后面的#example ，而不仅仅是#example)。但是，由于!important的接入，第一个font-size 规则变得更有权重。
关于!important 声明，有几点需要注意：
- 在
!important首次引入in CSS1时，带有!important声明的作者规则比带有!important声明的用户规则有着更高权重；为了改进可接入性，这一规则在CSS2 中被调换过来。 - 如果在复合属性中使用
!important，它会为其代表的所有的子属性添加权重。 !important关键字(或语句)必须置于行末，正好位于分号前面，否则会不起作用(尽管分号前有一个空格不会打断它)- 如果出于特别原因，你必须在同一个声明块中书写某一个属性两次，那么在第一个结尾处添加
!important，它就在除了IE6之外的所有浏览器肿拥有更高的权重。(这是针对IE6的破解，但不会让你的CSS非法) - 在IE6 和IE7中，如果你使用其他的词来替代
!important(如!hotdog)，CSS规则也会被基于额外权重，而其他的浏览器则会忽略它。
Q:如何让设置Div中的居中？
A:.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:和你的div设置成一样的高度; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
vertical-align:middle; line-height :400px;
cursor:pointer;/*将鼠标设置成手指格式*/
Q：在IE、Chrome和FireFox浏览器中<ul><li></li></ul>标签不兼容。只需要定义以下样式就可以解决这些问题：
A：
ul{ margin:0; padding:0;}
li{ list-style:none;}
Q:在页面的中间部分，我要做一个这样的界面
问题是如何让同级的div不浮动，底部的div改如何实现？
A:有两种方法1.在上面的三、个浮动的div上再加上一个大div。
2.在底部div和上部div之间加一个div，设置其格式，看下面的代码
<div class="clear"></div>
.clear{ clear:both;}
Q:如何解决IE中CSS样式里Margin加倍的问题？
A:设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方法是在CSS中设置下面的代码
div{ display:inline;}
Q:容器的包涵关系
A：很多时候，尤其是容器内有平行布局，例如两、三个float的div时，宽度很容易出现问题。在IE中，外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。
Q:高度的问题
A:如果是动态地添加内容，高度最好不要定义。浏览器可以自动伸缩，然而如果是静态的内容，高度最好定好。
Q：很多时候一些细节问题解决不了
A:最狠的手段 - !important;如果实在没有办法解决一些细节问题,可以用这个方法.FF对于”!important”会自动优先解析,然而IE则会忽略.如下 .tabd1{
background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/
background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */}值得注意的是，一定要将xxxx !important 这句放置在另一句之上
Q：CSS中display属性的用法
A:
| 值 | 描述 |
|---|---|
| none | 此元素不会被显示。 |
| block | 此元素将显示为块级元素，此元素前后会带有换行符。 |
| inline | 默认。此元素会被显示为内联元素，元素前后没有换行符。 |
| inline-block | 行内块元素。（CSS2.1 新增的值） |
| list-item | 此元素会作为列表显示。 |
| run-in | 此元素会根据上下文作为块级元素或内联元素显示。 |
| compact | CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 |
| marker | CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 |
| table | 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。 |
| inline-table | 此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。 |
| table-row-group | 此元素会作为一个或多个行的分组来显示（类似 <tbody>）。 |
| table-header-group | 此元素会作为一个或多个行的分组来显示（类似 <thead>）。 |
| table-footer-group | 此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。 |
| table-row | 此元素会作为一个表格行显示（类似 <tr>）。 |
| table-column-group | 此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。 |
| table-column | 此元素会作为一个单元格列显示（类似 <col>） |
| table-cell | 此元素会作为一个表格单元格显示（类似 <td> 和 <th>） |
| table-caption | 此元素会作为一个表格标题显示（类似 <caption>） |
| inherit | 规定应该从父元素继承 display 属性的值。 |
下面是手机的一些兼容技巧
1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决)
2, 居中问题.
1).垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过 vertical-align: middle.( 注意内容不要换行.)
2).水平居中. margin: 0 auto;(当然不是万能)
3, 若需给 a 标签内内容加上 样式, 需要设置 display: block;(常见于导航标签)
4, FF 和 IE 对 BOX 理解的差异导致相差 2px 的还有设为 float的div在ie下 margin加倍等问题.
5, ul 标签在 FF 下面默认有 list-style 和 padding . 最好事先声明, 以避免不必要的麻烦. (常见于导航标签和内容列表)
6, 作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应.
7, 关于手形光标. cursor: pointer. 而hand 只适用于 IE.