-
css3中transition属性详解
CSS2021-09-08
transform呈现的是一种变形结果,而Transation呈现的是一种过渡,通俗点说就是一种动画转换过程,如渐显、渐弱、动画...
-
css3中背景尺寸background-size详解
CSS2021-09-08
定义:规定背景图像的尺寸 background-size的类型 background-size需要两个值,它的类型可以是像素(px)、百分比(%)或...
-
CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
CSS2021-09-08
首先看到能让IE8及以下的IE亲们用上css3的border-radius和Gradient还有box-shadow着实兴奋了一大把。是的,你没有看错,用...
-
CSS3 中的@keyframes介绍
CSS2021-09-08
语法 @keyframes animationname {keyframes-selector {css-styles;}} animationname 必需。定义动画的名称。 keyframes-selector 必需。动画时...
-
css 相对浏览器动态居中永远保持在屏幕正中
CSS2021-09-08
使用如下css可以使div永远保持在屏幕正中 复制代码 代码如下: style type="text/css" .log { position:absolute; /*绝对定位*/ top:...
-
多行图片hover加边框会把下面的图片挤到别处的解
CSS2021-09-08
问题: 遇到多行多列排列的图片时, hover 上去加边框会把下面的图片挤到别处 ==============================================...
-
css hover对其包含的子元素进行样式设置示例
CSS2021-09-08
复制代码 代码如下: ul class="icon-down-single-arr-li" li a href="javascript:void(0)"价格span class="icon-all icon-down-single-arr"/span/a /l...
-
用纯css3实现的图片放大镜特效效果非常不错
CSS2021-09-08
今天要给大家分享的的一款用纯 css3 实现的图片 放大镜 特效。页面打开五个小图显示于页面。当鼠标经过图片时,当...
-
一款纯css3实现的圆形旋转分享按钮旋转角度可自
CSS2021-09-08
之前已经为大家介绍了好几款css3按钮,今天要为大家介绍的是一款纯css3实现的 圆形 旋转 分享 按钮。 旋转 的角度可...
-
css3和jquery实现的可折叠导航菜单适合放在手机网
CSS2021-09-08
之前为大家介绍了好几款css3导航,今天为大家在介绍的是一款适合放在手机网页的 导航菜单 。点击列表图标以下拉...
-
设置一个层在浏览器中同时左右居中上下居中水
CSS2021-09-08
想要使定义的一个层即能在浏览器中左右居中,又可以上下居中,可以用绝对定位再结合百分比形式的left、top属性以...
-
用CSS实现三列DIV等高布局以传达更好的视觉效果
CSS2021-09-08
页面布局中经常遇到 等高布局 的情况,特别是在拥有背景颜色或背景图片的情况下,为了得到更好的视觉效果,就要...
-
CSS失效怎么办?请检查网页最头部是否包含Doct
CSS2021-09-08
如果CSS都是正确的,链接也没有出错的话,这时你就需要检查你的网页最头部是否包含Doctype标签了。有的朋友也许会...
-
设置DIV最小高度以及高度自适应随着内容的变化
CSS2021-09-08
在应用DIV布局时,有时会希望DIV的高度会随着内容的变化而变化,但是又想设置DIV的一个 最小高度 ,特别是当DIV有背...
-
浏览器特定的CSS Hacks汇总
CSS2021-09-08
我不再使用 CSS Hacks了,相反的是,我将使用IE的条件判断将类应用到body标签。 但是,我想记录我之前碰到过的每一...
-
纯CSS打造忙碌光标适用于忙碌等待的情况
CSS2021-09-08
我们经常会用到 忙碌 等待的情况,比如ajax等待回调,或者加载页面的时候,我们通常的做法就是放一张loading.gif图片...
-
CSS3实现的文本3D效果附图
CSS2021-09-08
代码如下: 复制代码 代码如下: !DOCTYPE html html head style h1 { color: # 3D 3D 3D; font-size: 200px; text-shadow: 0px -1px 0px #858585, 0...
-
CSS:Table-cell属性的妙用让div也能享受table定位的
CSS2021-09-08
从前在页面布局的时候,table被大量的使用,其中一个好处便是元素可以轻松的定位,不会出现什么窜行的问题。你要...
-
CSS绝对定位元素left设为50%实现水平居中
CSS2021-09-08
绝对定位 的元素left设为50%时,是已左上角为原点的,所以只要再使用margin属性添加负值补偿回来即可。示例: [cs...
-
css3 伪元素和伪类选择器详解
CSS2021-09-08
伪类 选择器 :CSS中已经定义好的 选择器 ,不能随便取名 常用的 伪类 选择器是使用在a元素上的几种,`如a:link|a:vi...
-
在IE8 FF中使用padding设置select控件文字垂直居中
CSS2021-09-08
设置:padding:8px 0; 处理前: 处理后: ...
-
HTML5时代CSS设置漂亮字体取代图片
CSS2021-09-08
HTML5 时代已经不知不觉的到来了,看到好多电商的网站都设计的非常漂亮,特别是文字部分都不是图片,而是直接用...
-
img使用br换行后之间有空隙的解决方法
CSS2021-09-08
今天在布局一网页的时候发现两个 img 换行 后之间有空隙,不符合我的设计初衷,下面给出我的解决方法。 方法就是...
-
div+css最小高度的设置方法兼容各浏览器ie6+/Fire
CSS2021-09-08
我们在用DIV+CSS布局文章内容页面的时候,往往会让DIV或其他元素自适应高度,可是当发布者发布的内容比较少的时候...
-
ie6布局网页padding值加倍的解决方法
CSS2021-09-08
ie6 真的让人崩溃啊,每次布局网页的时候都要去测试,总会有各种问题,今天又遇到问题了,就是设置了 padding 值后...
-
Google Chrome浏览器无法显示hover样式的解决方法
CSS2021-09-08
今天用做了一个导航效果,用到了 hover 样式,就是鼠标移上去导航背景变别的颜色,可是在 Google Chrome 浏览器中,把...
-
让IE6支持最小高度min-height、最大高度max-height的方
CSS2021-09-08
1、 IE6 支持max-height解决方法 IE6 支持最大高度解决CSS代码: 复制代码 代码如下: .yangshi{max-height:1000px;_height:expression...
-
span设置text-indent不起作用的原因及解决方法
CSS2021-09-08
span style="CURSOR: pointer" class="copybut"> 复制代码 span > 代码如下: p spanTest one/span span class="t-i"text-indent/span spanTest two/span...
-
限制div高度当内容多了溢出时显示滚动条
CSS2021-09-08
复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" htmlx...
-
IE7与FF下的letter-spacing属性兼容性写法
CSS2021-09-08
letter-spacing:控制单个字符或者文字的间距 ①在 IE7 下,至少要有两个字符才行,如Pspanstyle=letter-spacing:1em;密码/span:/...