专注于前端开发、平面广告、网页设计
前端的朋友肯定会对这个不是很陌生，因为工作中汇经常用到这个，当然，也是有利有弊，看个人平时的习惯写法了。
IE条件注释是在IE5.0/Win以后才被支持的，一般用于hack。既然是“IE”条件注释，所以只有IE才能识别才有效果。IE条件注释是用来判断IE浏览器版本的。其基本结构和HTML的注释()是一样的，因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们，而IE则会根据条件显示里面的代码内容。
<!--[if IE]>
这段文字只有IE浏览器才可以显示
<![endif]-->
一、组件简介
lhgdialog DIV弹出窗口框架是一个简洁、高效、美观、易用的多功能弹出窗口组件。
它的主要特点有：
代码简洁：整个组件所有代码总共18K，如果不算上图片和CSS样式表文件，总共大小才12K不到。（这是在代码未压缩情况下）
程序运行效率高：弹出窗口在打开和拖动时非常流畅，在同等测试条件下，CUP的占有率在30%左右，最高不超过40%。而其它弹出 窗口（比如：JQuery，ExtJs，Mootools，还有其它弹出窗口等）CUP的占有率都在50%左右，最高60%以上。
窗口样式更改简便：组件采用的是QQ2009窗口的界面，虽说不上很漂亮，但也不算难看（本个界面设计能力较差:-)…）如果你 想更改窗口样式也很容易，组件采用的是静态模板来设计的窗口的样式，你只要更改lhgdialog.html里body 之间的HTML代码，再相应改下lhgdialog.css样式表文件即可。而且组件样式不受调用页面限制，可随意更改 你想要的样式。
21. 游标手指cursor
cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以
22.UL的padding与margin
ul标签在FF中默认是有padding值的,而在IE中只有margin默认有值,所以先定义 ul{margin:0;padding:0;}就能解决大部分问题
23. FORM标签
这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,如果想显示一致,所以最好在css中指定margin和 padding,针对上面两个问题,我的css中一般首先都使用这样的样式ul,form{margin:0;padding:0;}给定义死了,所以后面就不会为这个头疼了.
11.如何对齐文本与文本输入框
加上 vertical-align:middle;
＜style type=”text/css”>
＜!–
input {
width:200px;
height:30px;
border:1px solid red;
vertical-align:middle;
}
–>
＜/style>
12.web标准中定义id与class有什么区别吗
一.web标准中是不容许重复ID的,比如 div id=”aa” 不容许重复2次,而class 定义的是类,理论上可以无限重复, 这样需要多次引用的定义便可以使用他.
二.属性的优先级问题
ID 的优先级要高于class,看上面的例子
三.方便JS等客户端脚本,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单.
1.div的垂直居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
2. margin加倍的问题
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;
例如：
＜#div id=”imfloat”>
相应的css为
#imfloat{
float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/}
3.浮动ie产生的双倍距离
#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}
这里细说一下block与inline两个元素：block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);
#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table;
开篇的时候总是在想，这个叫星级评定到底贴切不贴切，总之大家知道是这么个效果就好了。大家先看一下截图吧
1. 定义一个UL列表（当然如果你喜欢可以使用其他标签）
2. 设定每个LI项目为为display:inline，然他们单行显示,然后每个LI下的A设置背景，默认为未加亮星星，本例里图片的宽度 是 30像素，所以这个宽度要和图片宽度是一致的。
3. 给每个A设置鼠标请过效果。
4. 大家可以看到UL使用到了相对定位，目的就是要设定一个标签让他有已经评分后加亮星星的效果，这一步也是整个实现过程的灵魂，前面我们说过，每个图片是30像素的宽度，所以这里设定的宽度当然是以30为递增的。一个就是30像素，2个是60像素，以此类推。
5. 如果要实现半个加亮星星的效果，只需要设置宽度为30的一半即可。
全文阅读 »
提示：你可以先修改部分代码再运行。
在日常的开发中，肯定会是团队合作比较多，所以不能以个人为中心的去设计，布局，所以提到团队协作与代码规范的问题，今天向大家提倡一种CSS代码书写顺序。这样便于阅读，查找与修改属性这语汇，使CSS代码更加的清晰规范。
一、显示属性
* display
* list-style
* position
* float
* clear
二、自身属性
三、文本属性
