摘要: CSS兼容问题一直困扰着CSSer,面对各浏览器,往往感觉束手无策,愁眉不展。CSSHack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务。 我进行前端开发的时候,测试用的浏览器大致有:IE7、IE6、Opera9(文章撰写时版本为9.258825),Safari3(文章撰写时版本为3.0.4523.15),Firefox2(文章撰写时版本为2.0.0.11)等。 在正常的selector{property:value;}的基础上常会根据具体情况为相同元素使用Hack以达到浏览器间统一。IE... 阅读全文
posted @ 2014-02-25 14:29 天堂爱 阅读(109) 评论(0) 推荐(0)
摘要: 在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问题)。但是,我们并没有生活在这个完美的世界,现实中发生的失窃却总是恰恰相反,很多CSS样式在不同的浏览器中有着不同的解释和呈现。 当今流行的浏览器(如:Firefox、Opera、Internet Explorer、Chrome、Safari等等)中,有一些都是以自己的方式去理解CSS规范,这就会导致有的浏览器对CSS的解释与设计师的CSS定义初衷相冲突,使得网页的样子在... 阅读全文
posted @ 2014-02-25 14:27 天堂爱 阅读(298) 评论(0) 推荐(0)
摘要: 如果你曾经收藏过许多关于CSS的最佳实践但还没开始利用它们,那么这篇文章将帮助你制作一个很好且很有组织的CSS文件来应用于一些CSS最佳实践。在这里我将为为我的下一个项目制作一个基本的CSS模板文件。使用标准的重设(Reset)方法,定义一些基本的方便的类,命名一些常见的页面区域等…您还可以参考以下前端开发/CSS相关资源:《目前比较全的CSS重设(reset)方法总结》《使用CSS创建三列固定布局结构》《精选15个国外CSS框架》《CSS代码命名惯例语义化的方法》《整理及优化CSS代码的7个原则》在开始之前,创建一个新建文件夹并将它命名为”styles”(您也可以命名自己喜欢的名字),然后在 阅读全文
posted @ 2014-02-25 13:52 天堂爱 阅读(400) 评论(0) 推荐(0)
摘要: 最近工作实在是繁忙,所以好久没有更新自己的博客了,实在是对不起各位读者。今天好不容易闲下来半天,所以和大家分享一下我之前总结的一套Web UI 设计命名规范,也就是网站用户界面设计(俗称网页设计)命名规范。这套规范并非单纯的CSS、html或JavaScript命名规范,它涉及了很多使用PhotoShop这类设计工具进行网页设计过程中的命名规范。(好久没写文章了,有点罗嗦,吼吼~)。首先我是出于公司几位美工的设计效果图源文件没有对图层命名而开始考虑总结一套的,还有一个原因就是网上大多命名规范都是关于编码的,也就是那些css、html、js和一些服务器端语言的,至于设计方面的命名规范实在是很少。 阅读全文
posted @ 2014-02-25 13:50 天堂爱 阅读(878) 评论(0) 推荐(0)
摘要: 作为网页设计师(前端工程师),你可能还记得曾经的那个网页大小建议:一个网页(包括HTML、CSS、Javacript、Flash和图片)尽量不要超过30KB的大小,随着互联网的日益庞大,网络带宽也在飞速发展,很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎的CSS布局和Javascript对网站用户体验的强化,使得这种现象越来越普遍,尤其是对于大型网站来说,仅仅一个CSS文件就已经超过了30KB的上限。 但是即便如此,现在也有很多准则来帮助你在完成CSS布局后进行CSS代码的压缩和优化。CSS代码优化的目的并不仅仅是减少CSS文件的大小,它还能让你的CSS代码更有条理、更高效。. 阅读全文
posted @ 2014-02-24 14:05 天堂爱 阅读(286) 评论(0) 推荐(0)
摘要: 使用XHTML+CSS来实现元素的垂直居中一直是前端开发中的一个比较复杂且棘手的问题,作为网页设计师或前端开发工程师,这个垂直居中问题也是必须掌握的技巧之一,一些互联网公司面试题中也会出现这类题目。今天暴风彬彬将分享一个完美通过CSS实现垂直居中的方法,该方法是由aka Yuhů发明的,这个方法也是目前暴风彬彬觉得最完美最简洁的CSS垂直居中实现方法。下面来看看暴风彬彬曾经总结的笔记,大家有不同意见请多拍砖:先来看看实例效果Demo该CSS垂直居中的条件:1.已有一个已定义高度的容器(如)2.内部有一个未知高度的对象(也许是后台动态生成的文本,放在另一个中)3.我想让内部的对象在容器内垂直居中 阅读全文
posted @ 2014-02-24 13:52 天堂爱 阅读(318) 评论(0) 推荐(0)
摘要: 基于jquery-easyui1.3.2 1 $.extend($.fn.combo.methods, { 2 lableFunction:function(jq){ 3 return jq.each(function(){ 4 var opts = $.data(this,'combo').options; 5 if(opts.multiple){ 6 var that = this; 7 var combo = $.data(this, "combo").... 阅读全文
posted @ 2013-12-30 22:39 天堂爱 阅读(1173) 评论(0) 推荐(1)