定义表格的指定列的属性
摘要：首先我们先看看css3中的实现方式：1.1 CSS3中表格行的选择：css3中有很多很不错的伪类，比如以前很头疼的表格隔行换色问题，只需要用table tr:nth-child(odd){background:#CCC}/*定义奇数行的背景色为灰*/table tr:nth-child(even){background:#F00}/*定义偶数行的背景色为红*/另外，css3中，伪类可以连写，比如我们要设定鼠标hover时，奇数行背景色变成蓝色，可以这样写table tr:hover:nth-child(odd){background:#00F}/*鼠标滑过时，第奇数行背景色变成蓝*/除了定义奇
阅读全文
posted @
2011-09-29 11:12
Dufe王彬
阅读(1693)
推荐(0) 编辑
IE6 min-height及max-height解决办法
摘要：.box{ max-height:140px; _height:expression(this.scrollHeight > 140 ? "140px" : "auto"); overflow:auto; }再将其扩展之，则：.box{ max-height:140px; min-height:40px; _height:expression(this.scrollHeight > 140 ? "140px" : (this.scrollHeight < 40 ? "40px" : "a
阅读全文
posted @
2011-07-26 19:13
Dufe王彬
阅读(262)
推荐(0) 编辑
最新ie6/ie7/ie8/ie9版本的Css if hack条件语法操作说明
摘要：1、Css if hack条件语法< !--[if IE]> Only IE <![endif]-->仅所有的WIN系统自带IE可识别< !--[if IE 5.0]> Only IE 5.0 <![endif]-->只有IE5.0可以识别< !--[if gt IE 5.0]> Only IE 5.0+ <![endif]-->IE5.0包换IE5.5都可以识别< !--[if lt IE 6]> Only IE 6- <![endif]-->仅IE6可识别< !--[if gte IE 6
阅读全文
posted @
2011-05-16 17:24
Dufe王彬
阅读(396)
推荐(0) 编辑
最新区分兼容IE6/IE7/IE8/IE9/FF的CSS HACK写法
摘要：HACK原理:不同浏览器对各中字符的识别不同在 CSS中常用特殊字符识别表:(1)*:IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的;(2)!important: 除IE6不能识别!important外,FF+IE8+IE7都能识别!important ;(3)_: 除IE6支持_外,FF+IE8+IE7都不支持_;(4)\9:所有IE浏览器都识别(IE6、IE7、IE8、IE9)示例:(1)区别FF(IE8)与IE6 IE7backgorund:orange;FF和IE8背景色将为橘黄色*backgorund:red;IE6和IE7背景色将为红色(2)区别FF(IE8)与I
阅读全文
posted @
2011-05-16 17:22
Dufe王彬
阅读(313)
推荐(0) 编辑
css+DIV里面是文字和图片居中对齐
摘要：文字旁边搭配图片时，发现图片比文字靠上，原来默认的情况是图片顶对齐而文字底对齐，通过设置css属性可以使得图片与文字对齐。设置各对象的vertical-align属性，属性说明：baseline－将支持valign特性的对象的内容与基线对齐sub－垂直对齐文本的下标super－垂直对齐文本的上标top－将支持valign特性的对象的内容与对象顶端对齐text-top－将支持valign特性的对象的文本与对象顶端对齐middle－将支持valign特性的对象的内容与对象中部对齐bottom－将支持valign特性的对象的文本与对象底端对齐text-bottom－将支持valign特性的对象的文本
阅读全文
posted @
2011-04-25 21:55
Dufe王彬
阅读(2514)
推荐(0) 编辑
table css 样式
摘要：CSS Tables ConfigurationsDual 1.8GHzDual 2GHzDual 2.5GHzlipengM9454LL/AM9455LL/AM9457LL/AmapabcDual 1.8GHz PowerPC G5Dual 2GHz PowerPC G5Dual 2.5GHz PowerPC G5地图名片900MHz per processor1GHz per processor1.25GHz per processor图秀卡512K per processor512K per processor512K per processor[代码]
阅读全文
posted @
2011-01-20 10:39
Dufe王彬
阅读(377)
推荐(0) 编辑
兼容IE6/IE7/IE8/FireFox的css hack(转)
摘要：[代码]**记住上面得样式解释为顺序是 ff、ie8、ie7、ie6 **显示的结果：用火狐浏览，颜色是紫色用 IE8 浏览，颜色是红色用 IE7 浏览，颜色是蓝色用 IE6 浏览，颜色是绿色如果你只是为了兼容ie7和8，其实可以在head里加上这样一条代码：[代码]即可免去你大量修改代码，但是我发现，有些后台程序员往往会把它删掉，具体原因我也不清楚。例子：[代码]------------------------------------------------------------------------------------------------------------------
阅读全文
posted @
2010-12-29 10:24
Dufe王彬
阅读(201)
推荐(0) 编辑
多浏览器pre自动换行
摘要：pre{white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */}pre{#word-break: break-all; /* Internet Explorer 7.0+ */#word-wrap: break-word; /* Internet Explorer 7.0+ */_word-break: break-all
阅读全文
posted @
2010-12-14 08:56
Dufe王彬
阅读(185)
推荐(0) 编辑
网站V5的一些想法(转)
摘要：V5即将到来，面对“全新”的V5，前端这块自然也要借这次改版的机会，将我们前端的一些想法实践到V5中去，实现一次跨越。1 尝试模块化的代码书写(html、css等)模块化的目的是为了提高代码的重用性、扩展性、可维护性2 文件引用使用绝对路径，图片、CSS、Js等静态文件从另外的域名（服务器）请求使用绝对路径可以解决文件路径引用问题，静态文件单独从静态服务器请求有利于减轻主服...
阅读全文
posted @
2010-11-22 09:40
Dufe王彬
阅读(170)
推荐(0) 编辑
margin负值在IE6/IE7中的一个bug(转)
摘要：使用margin负值在IE6/IE7下面有一个小bug–有一部分被隐藏掉了，bug截图如下：详见有此问题的demo基本html结构如下：基本css如下：解决方法是给li加position:relative; zoom:1;，我的理解是加了之后提高了li的层级，问题就解决了问题解决后css如下：详见问题解决后的demo
阅读全文
posted @
2010-11-22 09:34
Dufe王彬
阅读(510)
推荐(0) 编辑
十句CSS学习顺口溜
摘要：一、IE边框若显若无，须注意，定是高度设置已忘记；二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；三、三像素文本慢移不必慌，高度设置帮你忙；四、兼容各个浏览须注意，默认设置行高可能是杀手；五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。七、所有标签皆有源，只是...
阅读全文
posted @
2010-11-08 15:11
Dufe王彬
阅读(505)
推荐(0) 编辑
浅谈CSS选择器中的空格
摘要：HTML文档是一棵树的结构，各元素以一种层次结构为基础构成‘树’的视图。文档树中的每个元素，要么是另一个元素的父元素，要么是另一个元素的子元素，这样，各元素之间就形成了‘父子关系’。基于这样的关系模型，CSS定义了后代选择器（descendant selector）也称为上下文选择器（contextual selector）。后代选择器的写法为，子代...
阅读全文
posted @
2010-11-06 16:46
Dufe王彬
阅读(247)
推荐(0) 编辑
CSS十条速记口诀
摘要：如果在用CSS设计布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？一、IE边框若显若无，须注意，定是高度设置已忘记；二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；三、三像素文本慢移不必慌，高度设置帮你忙；四、兼容各个浏览须注意，默认设置行高可能是杀手；五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览...
阅读全文
posted @
2010-08-23 22:35
Dufe王彬
阅读(245)
推荐(0) 编辑
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
摘要：1. CSS “float” 值 访问一个给定CSS 值的最基本句法是：object.style.property，使用驼峰写法来替换有连接符的值，例如，访问某个ID为”header”的<div>的 background-color值，我们使用如下句法：document.getElementById("header").style.bac...
阅读全文
posted @
2010-07-14 16:05
Dufe王彬
阅读(162)
推荐(0) 编辑
dl,dt,dd,ul,li,ol区别及运用
摘要：ul: unordered lists ol: ordered lists li: Listsol有序列表:<ol><li>……</li><li>……</li><li>……</li></ol>表现为：1…&...
阅读全文
posted @
2010-05-24 16:58
Dufe王彬
阅读(377)
推荐(0) 编辑
css自动截取文字 兼容IE firefox Opera
摘要：[代码]用css来实现自动截取文字，不需要后台程序和JS的使用。好处是：兼容IE，firefox，Opera;有利于内容完整性;有利于SEO;无需后台程序处理;可以在前台随时调节要截取的长度。不好的地方：不能自动判断截取长度，当字符很短的时候在Firefox中也会生成后面的省略符号。另外在设置截取宽度的时候，要注意，尽量让文字截取完整。<html><head><FCK...
阅读全文
posted @
2010-05-20 14:59
Dufe王彬
阅读(620)
推荐(1) 编辑
