网页制作

CSS图片翻转动画技术详解(IE也实现了)

因为不断有人问我,现在我补充一下:IE是支持这种技术的!尽管会很麻烦。需要做的是旋转front和back元素,而不是旋转整个容器元素。如果你使用的是最新版的IE,可以忽略这一节。IE10+是支持的,IE9完全不支持CSS动画。
收藏 0 赞 0 分享

两种方法实现用CSS切割图片只取图片中一部分

切割图片这里不是真正的切割,只是用CSS取图片中的一部分而已,主要有两种方式,一是做为某一元素的背景图片,二是用img元素的属性。下面有个不错的示例,大家可以参考下
收藏 0 赞 0 分享

div与span的区别和使用示例

DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素)。
收藏 0 赞 0 分享

ul li列表中显示文字强制不换行大于li宽度的文字自动隐藏

如何实现li列表中显示文字强制不换行,大于li宽度自动隐藏文字,这种效果在新闻列表中时很实用的,下面有个不错的示例,大家可以参考下
收藏 0 赞 0 分享

多重CSS背景动画实现方法示例

CSS背景动画很长时间以来都是一个热门话题,很多时候都是因为效果特别绚丽,而且不需要额外的技术。最近有人问我是否可以给页面上一个指定的元素安排多重背景动画,答案是yes….虽然有些限制因素。让我们来看看如何实现这个效果
收藏 0 赞 0 分享

CSS类名支持中文命名的示例

CSS类名的结构性和统一性非常的重要,有些程序员喜欢使用首字母大写,有些喜欢用连接线,有些喜欢用下划线。最近我发现的一个非常有意思的东西是,在HTML和CSS里,你可以用Unicode(包括中文)来命名类名。不信咱们就试一下
收藏 0 赞 0 分享

CSS3网格的三个新特性详解

在这篇文章中,我们将来看一些CSS3新属性,从而用HTML和CSS处理网格的时候更容易。但首先让我们讨论一点HTML和CSS网格的历史,了解清楚为什么以前很困难
收藏 0 赞 0 分享

纯CSS实现的响应式图像显示(无javaScript)

实现web页面里图像应答的方法有很多,不过据我所知所有方案都使用了JavaScript,下面是我提出纯CSS的方案,需要的朋友可以参考下
收藏 0 赞 0 分享

纯CSS实现聊天框小尖角、气泡效果

经常看到这样的尖角,以前不懂,以为都是用图片做出来的,后来惊奇的发现,原来很多都是用CSS做出来的,既美观又节省资源,真是两全其美啊!
收藏 0 赞 0 分享

css实现连续的英文或数字自动换行的方法

大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法
收藏 0 赞 0 分享

css控制div中元素居中的示例

这篇文章主要介绍了css控制div中元素居中的示例,需要的朋友可以参考下
收藏 0 赞 0 分享

使用css3制作登录表单的步骤

这篇文章主要介绍了使用css3制作登录表单的步骤,需要的朋友可以参考下
收藏 0 赞 0 分享

css实现照片模糊效果类似毛玻璃效果

这篇文章主要介绍了css实现照片模糊效果类似毛玻璃效果,需要的朋友可以参考下
收藏 0 赞 0 分享

背景图片随屏幕大小变化问题的解决方法

今天下午做的页面背景时,由于图片过大,直接引用时,导致屏幕无法显示完全,针对这个问题,下面有个不错的解决方法,大家可以参考下
收藏 0 赞 0 分享

关于select标签的高度设置在ie6/ie7下兼容心得

关于ie6/ie7下select标签的高度设置兼容问题困扰着很多的朋友,下面是关于select标签高度的一点心得,希望对大家有所帮助
收藏 0 赞 0 分享

CSS的background属性的缩写顺序介绍

CSS的background属性的缩写,优点是比单个属性书写要简单,要少写很多代码。为了避免书写顺序上有些困扰,下面有个示例,大家可以参考下
收藏 0 赞 0 分享

图片在div中垂直和水平同时对齐的实现方法

这篇文章主要介绍了关于图片在div中垂直和水平同时对其的问题,下面有个不错的解决方法,大家可以参考下
收藏 0 赞 0 分享

CSS的border属性值具有可读性的书写顺序

CSS的border属性的值由border-width,border-style,border-color,这三个部分组成,其顺序随意
收藏 0 赞 0 分享

IE7中绝对定位元素之间的遮盖问题示例探讨

设置绝地定位的元素必须设置两个相对定位的元素,也就是小A的红色框框,和小C的蓝色框框,设置他们的层级关系,下面有个示例,大家可以参考下
收藏 0 赞 0 分享