当前位置:jQuery学习 > css

css相邻兄弟选择器的使用实例

正确有效地使用css选择器有时候可以带给我们很大的帮助,今天我们就看看css相邻兄弟选择器(+)的使用实例。比如我们有列表,当有图片时,不显示文字,而没有图片时则显示文字,下边我们就使用css相信兄弟选择器(sibling)来实现这个效果。

css实现对象完全居中

对于学设计的朋友来说,css实现对象完全居中的问题应该都遇到过,现在我们就看看怎么用css实现对象的绝对居中。

使用css的overflow属性改变缩略图大小

最近发现google对图片显示进行了改变,当鼠标移动到图片上时,可以放大图片缩略图,这样一来,用户想查看图片时变得更快捷。同时发现改变大小时有一定的延时,应该使用了js。今天,我们不用js,就用css中overflow属性来实现这样的效果。当然,最终结果没有进行延时显示。

CSS实现的超链接转换

上图演示了最终的效果。实现方法仅仅实用了CSS,并没有用到js。一些效果需要CSS3的支持,测试了一下,在IE和Firefox下最终效果表现不出。在Safari和谷歌浏览器下正常。