摘要: 关于css js文件缓存问题:随机数的话, js文件将永远得不到缓存,每次都必须重新从服务器加载,即使没有任何更改;其中 ver=113 的 113就是版本号,这样真正做到了应该缓存的时候缓存静态文件,当版本有更新的时候从获取最新的版本,并更新缓存。 阅读全文
posted @ 2013-01-15 12:02 红色曼陀罗 阅读(13767) 评论(0) 推荐(2) 编辑
摘要: 父容器设置overflow:hidden;子元素设置属性position:relative;在ie6、ie7中该子元素不会隐藏 阅读全文
posted @ 2012-11-13 11:35 红色曼陀罗 阅读(682) 评论(0) 推荐(0) 编辑
摘要: 去掉谷歌浏览器默认的input、textarea的边框 阅读全文
posted @ 2012-08-08 17:58 红色曼陀罗 阅读(21455) 评论(0) 推荐(1) 编辑
摘要: 字体使用是网页设计中不可或缺的一部分。经常地,我们希望在网页中使用某一特定的字体, 但是该字体并非主流操作系统的内置字体,我们常用的方法就是把特殊字体处理成图片,这样做有很多缺陷, 但是最近谷歌发布了Google在线字体库,这样在网站设计的时候只要调用Google在线字体库就可以让网页在客户端很好的显示,而不用只用枯版的字体了,实现字体多样化。 阅读全文
posted @ 2012-07-19 17:10 红色曼陀罗 阅读(10824) 评论(0) 推荐(0) 编辑
摘要: 这些漂亮的按钮都可以用css3来实现 先回想一下ps里的实现方法 一、做出圆角图形 二、在圆角图像实现渐变 三、给图形加阴影 四、给文字加阴影 用css3实现是一样的原理 阅读全文
posted @ 2012-07-18 10:57 红色曼陀罗 阅读(2112) 评论(0) 推荐(0) 编辑
摘要: 在网站建设中尝尝会遇到这样那样的分割线,比如:分割线———————— --------分割线---------- 等等,这些分割线用css怎么实现呢,下面就给大家介绍一些常用方法 阅读全文
posted @ 2012-07-17 15:05 红色曼陀罗 阅读(11145) 评论(0) 推荐(1) 编辑
摘要: 看到这样的导航你是不是也想做出来呢,其实他还是利用border的属性来实现的,下面一个数说明了原理,通过本例,我们对border的会有更深刻的认识 阅读全文
posted @ 2012-05-31 17:44 红色曼陀罗 阅读(318) 评论(0) 推荐(0) 编辑
摘要: css3制作立体图片原理:为了突出阴影要让阴影两头重中间轻,使用伪元素before after或者新建两个层,设置绝对定位,z-index:-1,设置阴影,并设置旋转 阅读全文
posted @ 2012-05-30 14:41 红色曼陀罗 阅读(637) 评论(0) 推荐(0) 编辑
摘要: IE浏览器(windows)的一个BUG——在IE浏览器中,定位元素会产生一个新的stacking context,并且从z-index的值为0开始。 阅读全文
posted @ 2012-05-19 15:48 红色曼陀罗 阅读(306) 评论(0) 推荐(0) 编辑
摘要: 在网站中,都不可避免的要用到一些中文字体,比如微软雅黑,黑体等,在css中写入中文的方法一般是:font-family:"微软雅黑","黑体";这样类似的表达方式,但是对于像 WordPress 这样需要 UTF8 编码平台来说,一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来。所以我们可以通过英文、unicode 这种形式来表达中文,比如说刚才的 font-family:"微软雅黑","黑体";就可以写成 font-family:"Microsoft Yahei","SimHei";在Firefox 的某些版本和 Opera 不支持 SimHei的写法,采用font-family:\5FAE\8F6F\96C5\9ED1;写法 阅读全文
posted @ 2012-04-19 15:03 红色曼陀罗 阅读(2606) 评论(0) 推荐(0) 编辑