div{ width: 296px; height: 180px; margin: 20px auto; position: relative; /*父相*/ } div:hover::before{
<a href="javascript:void(0);" onmouseover="this.style.color='yellow&
p{ word-break:normal; text-indent: -2em; margin-left: 2em;} p标签实现自动换行:p标签实现自动换行:p标签实现自动换行:p标签实现自动换行:
<div id="triangle-down"></div> /*掌柜回复 三角形*/ #triangle-dwn { width: 0; hei
Input 标签 input[type="submit"],input[type="reset"],input[type="button"]
input[type=number] {-moz-appearance: textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
1. link标签是属于xhtml范畴，而@import则是css2.1中特有的。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。2. 加载的顺序的区别，link加载的css时，是一种并行(没有尝试是否是这样)加载CSS方式，而@import则在整个页面加载完成后才加载。3. 兼容性的区别，因@import是CSS2.1才特有的，所以对于不兼容CSS2.1的浏览器来说，无效。4. 在样式控制上(比如动态改变网页的布局时,使用javascript操作DOM)的区别，此时@import就无能为力了。
.clearfix:after {display: table;visibility: hidden;clear: both;height: 0;content: '';}直接在浮动元素的父元素上添加 clearfix 这个class 就能清除浮动
【收藏】css全局定义global.csscss浏览器兼容性文章汇总css疑惑 ===============================================CSS背景属性Background详解【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序CSS display 属性【经典】Tab 导航 css 样式 应用备份css实现透明度（兼容IE6、IE7、Firefox2.0）
1 filter: alpha(opacity=50);2 -moz-opacity:0.5;3 opacity: 0.5;
1.【强烈推荐】说说CSS Hack 和向后兼容2.【推荐】CSS hack:区分IE6，IE7，firefox3.CSS兼容IE/Firefox要点4.IE6.0、IE7.0 与FireFox CSS兼容的解决方法5.CSS Hack代码范例：兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.06.css hack解决IE5 IE5.5 IE6 Firefox浏览器兼容性7.CSS HACK 兼容列表 Firefox, IE5, IE5.5, IE6, IE7, IE8
强制不换行div{ white-space:nowrap;} 自动换行div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行div{ word-break:break-all;}
http://www.awflasher.com/blog/archives/638
http://www.52css.com/article.asp?id=280
word-wrap:break-word 是优先断单词（根据空格判断单词），而 word-break:break-all 完全没有把文字当单词看待，在它眼里，都是一块一块的字符。这就会造成这么两情况：假如一个 p 有 100px 宽，而其中有很长一段无空格的英文字符，完全超过 100px 了，此时二者表现相同，都是在边界处将字符截断。假如一个 p 有 100px 宽，其中有段文字既有中文也有英文，前面是中文，占了 70px，后面一个很长的英文单词有 50px。对于 word-wrap:break-word 会将该单词全部折到下一行输出，而 word-break:break-all 会利用剩下的 30px 输出单词的前半部分，再到下一行输出剩下的 20px。支持情况word-wrap:break-word 受众多浏览器支持；word-break:break-all 受较少浏览器支持。
1.ie7下，下面的背景图不起作用 代码#navcontainer li a:hover{padding:5px 5px 5px 20px;border-left:10px solid #1c64d1;border-right:10px solid #5ba3e0;background-color:#2586d7;color:#fff;background:url(../images/jb.gif) no-repeat left 8px;}
1、psd(源文件)2、jpg:不支持透明半透明，所有空白区域填充白色。网页大图，高清图（体积大）3、gif：支持透明，不支持半透明。网页小图标（动画图片）4、png8：支持透明，不支持半透明。网页小图标5、png24：支持透明，也支持半透明。图像存在半透明效果的图片
