特殊背景自适应宽度两栏切法
在定位时把左侧部分(固定宽度)写入a的背景中同时给a一个padding-left，把剩余的自适应的部分写到span的背景中，同时给span一个padding-right;(注：如果用css sprite，则a／span的背景均要靠右，span背景的写法：back...
css垂直水平居中的整理
方法一:.demo1 { width:180px; height:180px; line-height:180px; *font-size:160px; border:1px solid #ddd; text-align:center;} .demo1 img { ver...
透明度ie兼容问题
.loginBox { width: 300px; padding: 10px 30px 20px 30px; background: none repeat scroll 0 0 rgba(255, 255, 255, ...
a标签移除虚线框兼容ie6以上浏览器效果
a, button { outline: none; /*移除虚线框 IE8,FF有用*/ hide-focus: expression(this.hideFocus=true); /*IE6、IE7*/ }一般来说基本样式这样写：a, butto...
Display的属性讲解
Display属性会影响页面的渲染，因此请合理使用。a） display:inline后不应该再使用width、height、margin、padding以及floatb） display:inline-block后不应该再使用floatc） display:block后不应该再使用vertical-a...
将网站变为灰色~
<span style="color: rgb(34, 34, 34); font-family: verdana, 'Microsoft YaHei', Tahoma, sans-serif; line-height: 25.2000007629...
px,em,rem，%直接的单位换算
下面展示一下几个案例： body {font-size: 62.5%;/*10&nb...
rgba兼容ie7,8的解决问题解答
background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#7F000000",endColorstr = "#7F000000&qu...
css设置图片透明度
css设置图片透明度，带IE兼容filter:alpha(opacity=40); -moz-opacity:0.4;-khtml-opacity:0.4; opacity:0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /*IE6~IE8*/
如何容器透明，内容不透明
方法1：.outer{width:200px;height:200px;background:#000;filter:alpha(opacity=20);opacity:.2;} .inner{width:200px;height:200px;margin-top:-200px;} <div class="outer"><!-...
如何编写干净高效的CSS代码
使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset：*{ margin:0;&nb...
