css

CSS 清除网页浮动 经验

jerry CSS
在进行浮动布局时,大多数人都深知,在必要的地方进行浮动清理:<div style=”clear:both;”></div>。 例如: <div style=”background:#666;”> <div style=”float:left; wi...
阅读全文

css实现的圆角效果带有注释

jerry CSS
圆角注释 /** *这个圆角的思路在于,用缩小化的视觉感受体现的,其实每一个弯角是用两个像素的"-"与一个像素的"."与两个像素的"|"实现的. *b1与b1b相对,通过背景来制作边框 *b2与b2b相对,通过border-width:2px制作

CSS 样式命名规则

jerry CSS
相信大家对样式命名都多少感到困难,特别是想起一个有意义的名,更难。回顾了一下之前写的《 样式命名规则 》(不知道大家使用后有什么感想)结合这段时间使用上发现的一些问题,重新整理了样式的命名规则,希望能更

CSS 面向对象CSS FAQ

jerry CSS
原文:http://wiki.github.com/stubbornella/oocss/faq(翻译时为Version 28) 翻译:ytzong 在OOCSS中怎么定义“对象”? 对象类似JAVA中的类,保持着OO的特征。 一个CSS对象由4部分组成: 可能是一个或多个D

通过css样式控制单元格文本超长省略

jerry CSS
通过css样式控制单元格文本超长省略
代码如下: <table> <tr> <td> <div style="width: 100px; height: 18px; border: 0px;overflow:hidden; padding:3px 2px 0px 2px; text-...
阅读全文

CSS中边框使用负边距值的奇技淫巧

jerry CSS
CSS中边框使用负边距值的奇技淫巧
自从1998年CSS2作为推荐以来,表格的使用渐渐退去,成为历史。正因为此,从那以后CSS布局成为了优雅代码的代名词。 对于所有设计师使用过的CSS概念,负边距作为最少讨论到的定位方式要记上一功。这就像是在线纹身-

讨论CSS中的各类居中方式

jerry HTML
讨论CSS中的各类居中方式
今天主要谈一谈CSS中的各种居中的办法。 首先是水平居中,最简单的办法当然就是 margin:0 auto; 也就是将margin-left和margin-right属性设置为auto,从而达到水平居中的效果。 那么其他的办法呢?容我一一道来

css设置div附带下拉条的样式

jerry CSS
设置div附带下拉条的方法: 1.为div设置固定高度。例:height:100px; 2.为div赋予overflow:auto; 至此下拉条设置完毕。

了解CSS的查找匹配原理,让CSS更简洁、高效

jerry HTML
看1个简单的CSS: DIV#divBox p span.red{color:red;},按习惯我们对这个CSS 的理解是,浏览器先查找id为divBox的DIV元素,当找到后,再找其下的所有p元素,然后再查找所有span元素,当发现有span的class为red的时候

不通过JavaScript实现的自动滚动视差效果

jerry HTML
不通过JavaScript实现的自动滚动视差效果
这个效果是仿照Chirs Coyier的视差教程实现的,经过Chirs的允许使用了其中的星空背景。 运行效果:在这里观看:http://www.fofronline.com/experiments/parallax/#experiment该效果可以在Safari 4 Beta和Goog...
阅读全文