css
文章平均质量分 56
失眠万岁
有前端开发嗜好
追慕html5,css3等技术
和其他程序员一样有邪恶的天分(纯洁的不要理我)
展开
-
高性能JavaScript_编程---笔记一(Loading and Execution加载和运行)
1.javascript加载顺序:尽量在页面底部加载js文件数量:尽量将若干javascript代码块打包成一个js文件引入(打包工具[yahoo!combo hander])js属性defer:若某块js代码添加有defer属性,则在dom元素加载之前不会执行(原创 2011-09-02 10:34:37 · 573 阅读 · 0 评论 -
使用SVG实现gradient背景渐变(转)
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1957现在现代浏览器都对CSS3的渐变支持良好,加上IE的渐变滤镜,可以在不使用图片的情况转载 2011-09-28 14:42:14 · 2920 阅读 · 0 评论 -
HTML5 localStorage本地存储实际应用举例(转)
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1952一、引言HTML5虽未来到其鼎盛时期,但这并不妨碍我们在实际项目中渐进使用H转载 2011-09-28 14:45:25 · 970 阅读 · 0 评论 -
CSS:你真的懂margin吗?(转)
你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪转载 2011-09-29 10:28:56 · 893 阅读 · 0 评论 -
html5本地存储localStorage实战(1)(转)
web本地存储方案总结本地存储解决方案很多,比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。借用网上的一张图来看转载 2011-09-29 10:04:08 · 1410 阅读 · 0 评论 -
html5本地存储localStorage实战(2)(转)
相对于实战1,这部分的代码更多,明河将其封装成一个组件了,目前没有写成jquery插件,看日后需要,有可能会将其重构成jquery插件,明河把这个类,叫做Histories。Histories主要有以下几个功能:显示浏览历史文章列表可以保存文章数据可以转载 2011-09-29 10:06:21 · 1083 阅读 · 0 评论 -
50 个最佳 CSS3 教程大放送
本文收集了2011年最热门的50个CSS3教程,读者可根据这些教程轻松实现网页的设计。 1. Original Hover Effects with CSS3 本教程讲述应用CSS3实现风格迥异的鼠标悬停效果。2. CSS3 Transitions Without Using :hover 本教程讲述应用CSS3实现动态变换效果。转载 2011-12-07 18:32:47 · 812 阅读 · 0 评论 -
深入研究display:inline-block在浏览器中的应用
写在前面的话,在我开发CSS的过程中,我发现很多诡异的问题都是对概念理解有偏差,所以在每篇开始的时候,我都把W3c的解释拿出来晒晒。个人经验,很多的问题看看W3C一般都能够解决,W3C是最好的参考书。官方解释:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。 按照这个解释:支持的浏览器有(ie8,ie9,chrome,firefox3转载 2011-12-20 15:45:46 · 1325 阅读 · 0 评论 -
6爷支持透明PNG
1:IE6 hackp{ width:125px; height:60px; background:url(../images/btn/next.png) no-repeat; position:absolute; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMe原创 2012-01-11 11:27:43 · 560 阅读 · 0 评论 -
IE6,IE7下设置body{overflow:hidden;}失效Bug
问题重现:There are no scrollbars on this page in sane browsershtml, body, p { margin: 0; padding: 0; } body { overflow: hidden; } p { width: 5000px; height: 5000px; }IE6 IE7下不生效(IE6下横向纵向滚动条都在 IE7下原创 2012-02-03 11:24:05 · 3338 阅读 · 0 评论 -
22个很棒的HTML5和CSS3教程 http://www.html51.com/thread-85-1-1.html
HTML5 CSS3可以影响你设计网站的方式。CSS3提供了很多的设计上的新技术和高级功能,使创建网站变得更容易。下面的列表是今年最新的CSS3和HTML5教程。更多HTML5信息,请查看HTML5中国:http://www.html5cn.org1. The Apple.com navigation menu created using only CSS3Apple.com的导航转载 2012-01-04 16:24:32 · 2252 阅读 · 0 评论 -
IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表
不同的浏览器对CSS的解释都有一点出入,特别是padding, line-height这些要细微控制的地方,下面的hack基本可以解决这个问题: • 在属性前加下划线(_),那么此属性只会被IE6解释 • 在属性前加星号(*),此属性只会被IE7解释 • 在属性值原创 2011-08-31 09:29:30 · 506 阅读 · 0 评论 -
跨域Iframe高度自适应,浏览器跨域传值
先看一下我们遇到了什么问题?在我们的白社会里,需要嵌入第三方应用,而嵌入的方式是使用 iframe,为了页面美观,这里就有一个最简单的需求:iframe 的高度需要跟随其本身内容的变化而实时变化,这就要求主页面根据 iframe 的内容实时的去设置其样式 height 值转载 2011-09-15 08:56:06 · 1803 阅读 · 0 评论 -
用HTML判断IE版本 (转)
1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别 5. IE5.0以上版本都可以识别 6. 仅IE6可识别 7. IE6以下版本可识别 8. IE6以及IE6以上版本可识原创 2011-09-09 10:02:45 · 789 阅读 · 1 评论 -
css圆角渐进增强体现方式一
目前除了IE678浏览器,其他浏览器对css3的圆角都支持的很给力,不得不承认很多前端工程师在圆角制作上面费了很多功夫,css3的圆角 border-radius属性方便了很多(是非常多),虽说有很多方法让ie678也支持css3里面圆角等简单属性,但个人觉得那样增加浏览器加载负原创 2011-09-09 09:52:31 · 529 阅读 · 0 评论 -
使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。
div{width:200px; height:200px; border:1px solid #666; display:table-cell; vertical-align:middle; text-align:center; *float:left;//这里使用fl原创 2011-09-12 11:12:29 · 2367 阅读 · 0 评论 -
WEB前端开发规范文档(仅供参考)
规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则 符原创 2011-09-12 11:26:26 · 631 阅读 · 0 评论 -
IE6 中 a:hover 的bug (转)
如上图,在制作数码热销排行的页面时,每种手机的图片都是固定的160×120大小,但是出于页面美观及内容可读性的考虑,在列表页上图片都压缩为原大小的50%显示;也就是80×60像素大小。不过当用户将鼠标移动到缩略图上时,我们会按原图大小显示出来。类似的效果在抓虾上也被应用在显示用户转载 2011-09-12 11:33:44 · 567 阅读 · 0 评论 -
position:relative/absolute无法冲破的等级(转)
详情请进:http://bbs.blueidea.com/thread-2720856-1-1.html (谢谢)转载 2011-09-12 11:43:24 · 448 阅读 · 0 评论 -
ie7 下hack的方法
以前在ie5.01、ie5.5、e6、firefox下已经显示正常的页面现在遇到了ie7,可能就会显示的不一样。这和ie7支持了important有很大的关系.所以现在使用简单的选折符关于更具体的介绍,看下html中介绍吧!!!!div.Explorer{原创 2011-09-12 11:49:00 · 670 阅读 · 0 评论 -
jquery中ajax函数之本地请求不支持chrome浏览器原因
错误:XMLHttpRequest cannot load file:///E等等. Origin null is not allowed by Access-Control-Allow-Origin.然后再在傲游里面运行,OK,那IE内核的浏览器就可以了,但为什么C原创 2011-09-13 09:23:18 · 3809 阅读 · 0 评论 -
IE下模拟css3中的box-shadow(阴影)
css3中的box-shadow(阴影)可以查看:http://www.css88.com/archives/2136或者http://www.css88.com/tool/css3Preview/Box-Shadow.html在ie下模拟css3中的box-shadow原创 2011-09-14 16:30:11 · 575 阅读 · 0 评论 -
用css的border属性实现tip三角
先看看应用实例吧:实现的原来就是:在一个宽高为0像素的块状元素中设置border属性,例如01.box{02 03width:0原创 2011-09-14 16:14:54 · 812 阅读 · 0 评论 -
vertical-align:middle在表单,img与文字实现垂直居中问题
你好:加上font-family:tahoma;的样式就可以实现IE6+等兼容兼容原创 2012-03-09 17:20:37 · 1264 阅读 · 0 评论