最常用和实用的CSS技巧
2009-12-161.重置浏览器的字体大小 重置浏览器的默认值 ,然后重设浏览器的字体大小你可以使用雅虎的用户界面重置的CSS方案 ,如果你不想下载9MB的文件,代码如下: Java代码 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, block
Div+Css实现屏蔽效果
2009-12-15在做项目的过程中 用到了Yahoo 的YUI控件,其中的datatable 很方便,但是有些时候要把点击table事件屏蔽, 于是便想到了用div+Css的方法实现这一效果。 【效果图】 总而言之,就是当某一事件被触发时,例如 按钮点击事件 。使一个事先定义好的div 显示, 并用
css设置z-index 失效
2009-12-15设置z-index时必须要固定位置,这样设置它的值时才能奏效(例如 position:absolute;) 下面是示例代码,在ff3.5.5和ie5.5~ie8.0RC1中通过,大家可以尝试着不固定其位置试试。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
CSS+DIV定位分析(relative,absolute,static,fixed)
2009-12-14在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下: 先看下各个属性值的定义: 1、static:默认值。没有定位,元素出现
IE6/IE7/FF的CSS hack总结
2009-12-14昨天去178.com公司参加笔试,对CSS仅有一道题,要求是写CSS,在IE6/IE7/FF三款浏览器下显示不同的效果,本来是能写滴,可没想到竟然是选择题,而且用到了子选择器,这下完了,这语法很少见到,所以平时也不怎么关注,没想到竟然在这个时候碰上了。好吧,既然
CSS布局及常见问题
2009-12-14@charset "utf-8"; /* CSS样式重置*/ /*重置margin,padding,对齐方式,字体样式 ----------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, ci
IE6.0、IE7.0 与FireFox CSS兼容的解决方法
2009-12-13IE6.0、IE7.0 与FireFox CSS兼容的解决方法 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF:
纯CSS无图打造圆角Table 无图制作圆角
2009-12-13纯CSS无图打造圆角Table 无图制作圆角 CSS代码: style type="text/css" div.RoundedCorner...{background: #9BD1FA} b.rtop, b.rbottom...{display:block;background: #FFF} b.rtop b, b.rbottom b...{display:block;height: 1px;overflow: hidden; backgrou
CSS中background:url(imagepth) 不能显示背景图片
2009-12-13刚刚碰到一个诡异的问题,这样一段CSS代码: background:url(images/bg/bg1.gif)no-repeat; 这段代码居然不能显示出背景图片,倒塌。。。 代码肯定没有问题,即便我没有对背景图片定位,这里暂不考虑,因为我这里不存在这个问题。。。于是乎,搜索了一下Goog