CSS
yichijianfang
这个作者很懒,什么都没留下…
展开
-
打造你自己的reset.css
0,引言每每有新项目,第一步就是应当使用一个reset.css来重置样式。滥用不如不用,直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。所以最好还是自己写一个reset.css,并且要明白每一条reset都是用来做什么的。reset.css本意就是重置样式,我始终建议把.clearfix放入layout.css,而把h1、h2之类的定义放进typography.原创 2009-11-29 12:26:00 · 290 阅读 · 0 评论 -
怪异模式下absolutely在IE6/7中的Bug
绝对定位的元素其偏移量是相对于 absolute或者relative元素的,如果父元素是static,则继续寻找父父的元素是否是absolute或者relative的,直到body为止 示例里面父元素是static的,所以应该是相对于body定位的... <!-- *{ margin:0px; padding:0px; } #d3转载 2009-11-29 12:31:00 · 376 阅读 · 0 评论 -
CSS HACK汇总快查
屏蔽IE浏览器(也就是IE下不显示)*:lang(zh) select {font:12px !important;} /*FF,OP可见,特别提醒:由于Opera最近的升级,目前此句只为FF所识别*/select:empty {font:12px !important;} /*safari可见*/这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。仅原创 2009-11-29 12:39:00 · 283 阅读 · 0 评论 -
CSS的两个小技巧
1、列表横排 将li的样式设置为 li {display:block;float:left;}2、去除图片垂直方向的空白 最好的做法是为img 加上 vertical-align属性,这样就看不到空白了。原创 2009-11-29 12:37:00 · 282 阅读 · 0 评论 -
ul/li的使用及浏览器兼容问题
大家都知道 ul 默认值中,IE 给了 ul 一个 margin 值,而 FF 给了一个 padding 值。如果我们给 ul 加上一个背景或者框架,它就会露出原形,也就是在 IE 中项目符号是在 ul 外面,所以 ul 的宽度是不把项目符号算在里面的(如下图1);而 FF 是把项目符号算在 ul 里面的(下图2)。这样对 CSS 解释的差异就导致了在不同浏览器中会产生不同的效果。原创 2009-11-29 12:41:00 · 793 阅读 · 0 评论 -
css常用布局样式
1.一行三列css布局:一行三列 top left #top { margin: 20px 20px 0px 20px; padding: 10px; border: 5px solid #666; background: #FFF; height: 100px原创 2009-11-29 12:52:00 · 654 阅读 · 0 评论