随笔分类 -  CSS

前端必备。CSS
小议overflow
摘要：overflow是CSS里面定义的一个定位属性，最常见的作用是用来设置当元素的内容溢出其区域时发生的处理方法。另外一个常见的作用是清除浮动。一个实例：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head> <meta http-equiv="Content-Type" content= 阅读全文
posted @ 2011-12-21 21:33 西山 阅读(851) 评论(7) 推荐(0)
添加浏览器的用户样式表
摘要：web前端都知道，CSS的来源有三种一、user agent stylesheet用户代理的默认CSS（就是浏览器默认的CSS，http://www.cnblogs.com/xesam/archive/2011/12/01/2270553.html）二、author style sheets开发人员定义的CSS（前端开发人员写的external-style，embeded-style，inline-style）三、user style sheets用户自定义的CSS（用户自己写的）优先级由上至下依次增高user agent stylesheetuserdeclarations（normal）a 阅读全文
posted @ 2011-12-08 14:19 西山 阅读(10058) 评论(1) 推荐(4)
浏览器默认样式
摘要：有个网站总结了IE6/7/8/9，FF3.6.3，webkit（r7042），opera10.51的默认样式，熟悉一下可以让我们更好的明白一些书写CSS过程中的差异。网站地址：http://www.iecss.com/熟悉这些之后可以明白一、使用CSS reset的原因。二、*{margin:0;padding:0;}一刀切的做法为什么不提倡三、网上广泛流传的CSSreset为什么也有人不提倡从对比图可以看出，不部分标签其实是没有margin或者padding的。其中又有些标签一般是很少用到的，就算用到了，一般也会特殊定制。对于一般的应用，简单的css reset（按需）就可以了。比如：bod 阅读全文
posted @ 2011-12-01 14:35 西山 阅读(2658) 评论(3) 推荐(1)
谈谈我对CSS层叠的理解
摘要：*******黄色背景部分是废话，请忽略********话说公司加上我，一共才三个前端，我从业一年多，另外两位估计都在4、5年以上，本以为可以跟他们学到些许什么，不过经过一段时间的了解之后，才发现人浮于事，他们已经被时代甩了好几条街。本以为三个人的前端可以做很多事，会有自己的工具，会有自己的思想，会有自己的风格，可惜组长······无奈啊。早前就提过辞职，碍于老大的面子，总算同意明年辞职，这段时间也一直想把自己的一些思考写出来，但是又懒得动笔。上个星期告诫自己，不管写些什么，每天都来这里写一篇日志，以示警示，也希望有善于思考的人一起交 阅读全文
posted @ 2011-11-29 20:59 西山 阅读(4087) 评论(4) 推荐(0)
不等高列表布局
摘要：FF9/Chrome15/Opera11/Safari5(win)/IE6、7、8、9我们做某些场频展示页面的时候，一般是用列表来组织产品结构，比如淘宝：这种结构一般都是每一项的高度固定，但是如果有一项高度不固定的话，显示就悲剧了。因为li的浮动就被前面那个高个儿截断了，这一般也是浮动的悲哀。现在我们转换一下思路，去掉浮动，采用inline-block。第一个问题：IE6/7并不支持这个属性，所以hack一下（*display:inline; *zoom: 1;），于是要在所有的主流浏览器支持inline-block就可以这么写display: inline-block; *display:i 阅读全文
posted @ 2011-11-28 00:45 西山 阅读(597) 评论(1) 推荐(0)