“CSS相关”目录存档
2010年04月29日,星期四
“渐进增强”是对”Progressive Enhancement”一词的译文,我觉得翻译的很是得体。所谓“渐进增强”,有点农村包围城市的味道。打个不太恰当的比方,就是要先解决广大劳苦大众的温饱问题(即“渐进”),再这个基础上尽量的往小康方向发展(谓“增强”),至于是否要所有的人都过着小康水平,则不强求,当然越多小康家庭越好,没有也无妨,反正温饱不成问题,至少不会饿死。
就目前而言,虽对“渐进增强”有所了解的人挺多,但是要说普及与深入人生还远远不到火候。再举个不恰当的比方,现在就页面重构而言,占据主流的还是 “大锅饭”思想,即人人平等,人人相等,也就是以各个浏览器下表现一致为准则。这本身没有什么问题,大家都有饭吃,但是,显而易见,这会让领先的浏览器(Firefox、chrome等)优势无法显现出来。
CSS的“渐进增强”有别于CSS hack,hack可以说是提供选择,你死我亡,竞争效应;而“渐进增强”属于更进一步,锦上添花,辅助效应。前者应尽量避免使用,而后者适当使用则有裨益……
本文将非常详细的展示“渐进增强”在web站点上的一些常见应用,提供丰富的截图示例,希望能对您的学习有所帮助。
阅读全文…
标签:border-radius, box-shadow, css3, css相关, gradient, text-shadow, 兼容性, 图片, 圆角, 按钮, 文字阴影, 渐变, 渐进增强, 盒阴影, 选择器
发布在 CSS相关 | 5 条评论 »
2010年04月14日,星期三
武侠的最高境界是什么? – 无招胜有招
设计的最高境界是什么? – 减少设计
所以,最少的CSS代码,最少的渲染,最少的重置就是最好的CSS样式代码,这反应了您的CSS层次。说句不好听的话,CSS reset是用来让那些CSS菜鸟,对CSS不太了解的人准备的。
本文就将阐述自己的观点 —— 无需使用CSS reset重置。观点鲜明,论点充分。欢迎反驳,欢迎交流!
阅读全文…
标签:css reset, css相关, 兼容性, 浏览器
发布在 CSS相关 | 65 条评论 »
2010年04月9日,星期五
经过之前对Firefox浏览器渐变背景实现的详细介绍,以及webkit核心浏览器下渐变背景实现的详细介绍,这里可以很游刃有余的介绍如何实现兼容性的渐变背景效果了。本文由一部分内容是介绍如何使用滤镜实现IE下的渐变背景效果,配合CSS3的gradient渐变属性,实现兼容性的渐变背景效果(Opera浏览器除外)。本文提供详细的代码展示,效果截图以及demo页面,希望能对您的学习有所帮助。
阅读全文…
标签:background, chrome, css-gradient, css3, filter, Firefox, IE, rgba, Safari, 兼容性, 渐变
发布在 CSS相关 | 23 条评论 »
2010年04月8日,星期四
渐变是一种应用于平面的视觉效果,可以从一种颜色逐渐地转变成另外一种颜色,故可以创建类似于彩虹的效果渐变可以应用在任何可以使用图片的地方。例如,您可以指定一个这么一个渐变:顶部的颜色是红色,中间的是蓝色,底部为黄色来作为div的背景色。渐变通过-webkit-gradient方法实现,可以用来代替图片URL。在webkit核心浏览器下(Safari4+, Chrome),有两种类型的渐变,线性的和径向的。您还可以指定多个中间过渡色,此称之为color stops。
本文足够详尽地讲解了webkit核心浏览器下的gradient渐变的使用,提供代码示例和截图示例,希望能对您的学习有所帮助。
阅读全文…
标签:background, chrome, css-gradient, css3, css相关, Safari, webkit, 渐变
发布在 CSS相关 | 5 条评论 »
2010年04月4日,星期日
CSS hack这个东东可以说是老掉牙的东西,我是不会再放到锅里炒的。之所以写这篇文章,更主要的是介绍一个CSS hack – “\9″ hack。
本文以介绍”\9” hack为引子说说如果简单有效的区分IE8/IE7/IE6以及其他的现代浏览器,提高详尽的代码展示,提高必要的demo页面以及各个浏览器表现的截图,希望能对您的学习有所帮助。
阅读全文…
标签:css相关, hack, IE6, IE7, IE8, 兼容性, 浏览器
发布在 CSS相关 | 21 条评论 »