网页制作

CSS的简单在于它易学，CSS的困难在于寻找更好的解决方案。在CSS的世界里，似乎没有完美这种说法。所以，现在介绍的CSS绝对底部，只是目前个人见过的方案中比较完美的吧。

这里我总结了一下平时自己在项目中经常用到的20个CSS常用的样式，都是些个人的经验，这里分享给大家，希望对大家有所帮助

W3C标准中对CSS3的transition这是样描述的:“CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。”

background-size是css3提供的一个新特性，它可以让你随心所欲的控制背景图片的大小。下面我们来一步步看看这个新特性都有什么值得我们惊艳的地方

CSS3 Pie工具可以让IE6至IE8版本实现大多数的CSS3修饰特性，如圆角、阴影、渐变等等，通过这个工具，可以在线修改想要的效果，并即时生成css代码，有点意思了吧 ^^

CSS3新增动画属性“@keyframes”，从字面就可以看出其含义——关键帧，这与Flash中的含义一致。利用CSS3制作动画效果其原理与Flash一样，我们需要定义关键帧处的状态效果，由CSS3来驱动产生动画效果。

本例为大家介绍的这个方法可以使div永远保持在屏幕正中，实现的方法或许有很多，但本例的方法可以永远保持在屏幕正中

遇到多行多列排列的图片时，hover上去加边框会把下面的图片挤到别处，解决方法就是对图片设置border:none，下面有个示例，遇到问题的朋友可以看看

这篇文章主要介绍了css hover对其包含的子元素进行样式设置，需要注意的是第二个css样式的写法，有需要的朋友可以参考下

一款用纯css3实现的图片放大镜特效。页面打开五个小图显示于页面。当鼠标经过图片时，当前图片以灰色背景图的形式展示，需要的朋友不要错过

一款纯css3实现的圆形旋转分享按钮。旋转的角度可以自己调整。在demo中演示了三个角度旋转。360度，60度，-360度，喜欢的朋友可以参考下

今天为大家在介绍的是一款适合放在手机网页的导航菜单。点击列表图标以下拉式的形式显示菜单，单击关闭，动画关闭。效果相当不错，喜欢的朋友可以学习下

定义的一个层即能在浏览器中左右居中，又可以上下居中，可以用绝对定位再结合百分比形式的left、top属性以及负外补丁来实现，下面是示例

页面布局中经常遇到等高布局的情况，为了得到更好的视觉效果，就要实现DIV等高布局的效果。以最普遍的DIV三列布局来说

做个浮动什么的，其他浏览器都正常，唯独IE6下fixed失效，有关这个问题的解决方法如下

让此元素位置固定一般会添加position:fixed，但元素就不能居中了，fixed使对象脱离了正常文档流，解决方法如下

父元素未设置高度和宽度的时候。那么它的高度就会塌缩为零，前提是它只包含浮动元素，解决高度塌陷的问题很简单，可以浮动父级元素、清除法等等，均可实现

鼠标悬停效果 li:hover,div:hover等，是css2及以上版本才添加的，在IE6中只兼容a:hover，要使用li:hover或div：hover，需引用一个文件使其兼容，它就是csshover.htc

随着平板和智能手机进入我们的生活，在手机版和平板版开发中我们就可以大胆的使用了css3，下面与大家一起探讨下几个常用的css3属性

使用CSS3 的背景渐变 -webkit-gradient ，用一个背景渐变的 DIV 代替图片。下面是实现效果示例，相比以上方案优点是不使用图片，减小请求量和流量