随笔分类 - 05.CSS
摘要：1. 在firefox下，每页均会打印重复thead（表头），tfoot（表尾）的内容；IE8下无效(其它IE版本未测试)2. 分页的处理 @media print {.page-break { page-break-after: always; }}在需要分页的tr上，加上该样式即可3.隐藏某些不需要打印的区域 @media print {.no-print { display: none; }}4.页面顶部网址之类的，如何去掉？IE: File -> Page SetupFireFox: Print -> Page Setup5.打印页面指定区域这是打印的内容这里不需要打印打印
阅读全文
摘要：中国的网民是很顽强的，也是很固执的！虽然IE6 在国外早就判了死刑，但是在中国至少还有近50%的占有率，这实在很令人头疼！之前看过很多人提议，提议的方案也五花八门，比如:1、让XX花园盗版盘作者把IE6升级后，再发行 （基本不靠谱，您先能联系到盗版盘作者再说吧...）2、咱们主动帮身边的朋友、同事修电脑时，顺便把IE升级一下 (出发点不错，但是效果有限，何况可能有些人就是觉得IE6用着不错，干嘛升...
阅读全文
摘要：啥也不说，先看代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> ...
阅读全文
摘要：早上看了司徒先生的js版属性选择器(http://www.cnblogs.com/rubylouvre/archive/2009/10/27/1590102.html)，也激发了我深入了解css选择器的学习欲望，整理于此以便日后备查*：匹配任何元素。 例如: *{margin:0}E：匹配任何E元素。例如: div{color:red}E F：匹配E的所有后代F元素。E > F：匹配E的所有...
阅读全文
摘要：前一阵公司唯一的前端开发人员走掉了，短期内也没人顶上来，所以切页面/js这种活儿只能咱自个儿揽过来了，花了大半天捣鼓了下css,整理了二个基本的css库，方便以后切页面，贴在这里备份说明:p.css ---即public.css，用来定义一些常见的公用样式l.css ---即layout.css，用来定义栅格系统的常用布局(不清楚栅格系统的统子们，先到这里扫扫盲http://www.cnblogs...
阅读全文
摘要：老板昨天开会说:要给公司的购物平台增加信用评价功能，用户体验参考淘宝。于是今天研究了一下，用jQuery模似一个类似的效果:代码如下:源代码下载:http://files.cnblogs.com/yjmyzz/taobao_credit.rar转载请注明来自"菩提树下的杨过"http://www.cnblogs.com/yjmyzz/archive/2009/09/15/1566753.html
阅读全文
摘要：符合"渐进增强"标准+栅格理论，同时兼容性也不错，几乎没有到用hack[代码]
阅读全文
摘要：[出自]http://lifesinger.org/blog/2008/11/grid-system-4/前三篇文章中，明确了栅格系统的设计细节和适用范围。这一篇将集中讨论960栅格系统的技术实现。Blueprint的实现Blueprint是一个完整的CSS框架，栅格系统是它的一部分功能。我们来看demo页面：以上三栏布局的代码为：<style type="text/css"> .co...
阅读全文
摘要：[出自]http://lifesinger.org/blog/2008/10/grid-system-3/研究（2）中讨论了栅格系统的基础知识。这一篇将集中探讨栅格系统的粒度问题。（注：如非特别指明，栅格系统均指24列960栅格系统）淘宝的首页（截图）目前尚未严格遵守栅格系统，如果重构的话，宽度方向可以考虑采用下面的栅格布局（只考虑页面主体部分，忽略高度的比例）：（图1）纷乱的高度世界我们来看下图...
阅读全文
摘要：[出自]http://lifesinger.org/blog/2008/10/grid-system-2/首先澄清一个应用场景问题。研究（1）中指出，对于结构复杂的网站，不少设计师们喜欢采用960固定宽度布局。但要注意的是，960并不是万能钥匙，大部分网站没有也不需要栅格系统。Amazon采用的是宽度自适应布局，最大限度的呈现信息。Google更是简简单单，主题部分就一个列表。eBay的页面非常简...
阅读全文
摘要：[原文出处]http://lifesinger.org/blog/2008/10/grid-system-1/研究网页栅格系统前，来看一组数据：网站首页页面宽度 pxYahoo!950淘宝950MySpace960新浪950网易960Live Search958搜狐950优酷960AOL960上面列举的都是Alexa全球排名前100的站点，它们的首页宽度为950px/960px. 除了微软的Liv...
阅读全文
摘要：1.[蓝色理想]网页的栅格系统设计[1] http://www.blueidea.com/design/doc/2008/6171.asp2.[蓝色理想]网页的栅格系统设计[2] http://www.blueidea.com/design/doc/2008/6171_2.asp3.网页栅格系统研究（1）：960的秘密 http://www.68design.net/Web-Guide/Web-Theory/37967-1.html4.网页栅格系统研究（2）：蛋糕的切法http://www.68design.net/Web-Guide/Web-Theory/37968-1.html5.网页栅格
阅读全文
摘要：好象现在越来越流行这种玩法了，原来大家都是把背景切成单个小图片，要用背景的时候一个个定义，这样页面打开的时候，也会加载各个小图片，但是这种办法把所有小图片都集中在一张图中，定义背景时用坐标定位，再结合高度，宽度限制等手段，过到相同的效果，好处是:虽然下载的总K数不会有明显变化，但是图片的请求次数却明显减少了。废话不说，直接看代码吧:[代码]效果图：
阅读全文
摘要：为啥世上会有这么多不同的浏览器？每次遇到js/css的浏览器兼容性问题，总是要发出这样的感叹，真希望这些个浏览器公司全部倒下，然后只留下一家(显然这是一个不可能实现的美好愿望)，言归正传，看代码吧:iframe框架内页：[代码]父级类：[代码]
阅读全文
摘要：今天逛蓝色时，无意发现了有人讨论伪类的正确写法，让我对伪类的认识也更清晰了，转贴于此，以备日后查询(原贴当时没记下地址，已经记不得了)[代码]
阅读全文
摘要：出处:http://blog.810822.com/article.php?aid=252这个Box模型的调整主要是针对IE6之前的IE浏览器的，它们把边界宽度和空白都算在元素宽度上。比如：#box{width:100px;border:5px;padding:20px}这样调用它：<divid=”box”>…</div>这时盒子的全宽应...
阅读全文
摘要：[代码]在ie6下，二个div的背景为绿色，ie7下显示为蓝色，ff下显示为红色(ie8 beta2下显示跟ff相同)
阅读全文
摘要：http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspxAt-rulesCSS 2.1:IE 5.0IE 5.5IE 6.0IE 7.0IE8 Beta 1IE8 Beta 2IE 8.0@charsetNoYesYesYesYesYesYes@importYesYesYesYesYesYesYes@mediaNoYesYesYesY...
阅读全文
摘要：尝试一下，不用定位，只用浮动，就把这个排版排出来看看。原文:http://shawphy.com/demo/speciallayout/speciallayout.html不要被她迷惑了，其实没你想的那么难[代码]
阅读全文