HTML

使用css实现全兼容浏览器的三角形

jerry HTML
使用css实现全兼容浏览器的三角形
在当前流行的的网站上,我们经常会看到一些小三角形的下拉提示(微博顶部的下拉菜单),简单的方式可以使用一张图片代替,但是随着前端技术的发展,以及开发者对于前端性能的“吹毛求疵”,越来越多的前端开发者开始

讨论CSS中的各类居中方式

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

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

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

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

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

HTML5 WebStorage(HTML5本地存储技术)

jerry HTML
HTML5 WebStorage(HTML5本地存储技术)
WebStorage是HTML5中本地存储的解决方案之一,在HTML5的WebStorage概念引入之前除去IE User Data、Flash Cookie、Google Gears等看名字就不靠谱的解决方案,浏览器兼容的本地存储方案只有使用cookie。有同学可能会问

CSS绘制五角星

jerry HTML
CSS绘制五角星
1 六角形 #star-six {    width: 0;    height: 0;    border-left: 50px solid transparent;    border-right: 50px solid transparent;    border-bottom: ...
阅读全文

让超出DIV宽度范围的文字自动显示省略号...

jerry HTML
div.titleholder { font-family: ms sans serif, arial; font-size: 8pt; width: 100; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; ...
阅读全文

css下margin、padding、border、background和font缩写示例

jerry HTML
下面用一些比较常用的属性来做示例。  margin    margin-top:1px;    margin-right:1px;    margin-bottom:1px;    margin-left:1px;    代码简化为:margin:1px    margin-top:1px...
阅读全文

字符不会撑大表格的常见css样式

jerry HTML
 我现在就碰到了这样的麻烦,请问高手,有没有解决的方法,可以做到不管是纯粹的输入中文还是输入英文,或者是中英字符混输,都不会将表格撑宽?就是这几个相关css: table-layput:fixed;word-wrap:break-wrod;word-b

多浏览器css兼容分析小结

jerry HTML
CSS 兼容要点:  1、 DOCTYPE 影响CSS 处理 。 2 、FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行。  3 、FF: body 设置text-align 时, div 需要设置margin: auto(主...
阅读全文