区别不同浏览器的CSS hack写法
作者:admin 日期:2008-08-23
区别IE6与FF：
background:orange;*background:blue;
区别IE6与IE7：
background:green !important;background:blue;
区别IE7与FF：
background:orange; *background:green;
区别FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;
注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,...
background:orange;*background:blue;
区别IE6与IE7：
background:green !important;background:blue;
区别IE7与FF：
background:orange; *background:green;
区别FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;
注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,...
Tags: css
CSS利器——Topstyle使用技巧总结
作者:admin 日期:2007-07-22
CSS比表格更难吗？
作者:admin 日期:2007-07-14
译者：阿捷 原文：Tables My Ass
htmldog 站点以提供教程帮助初学者学习 HTML和CSS而闻名。本文是htmldog站点上2004年5月14日的一篇文章。原名是Tables My Ass，英文的意思大致是"可笑的表格布局者"或者"可笑的CSS布局新手"。为了更便于理解，我翻译为"CSS比表格更难吗"。文章一针见血的指出那些"安逸"地躺在表格布局上的设计师因为"懒"，不愿意学习和接受更高效的CSS技术而编造各种理由妄图阻挡CSS布局的推广。译文删减了部分不重要内容。本文引起了很多评论，您有兴可以去原文 看看。
特别感谢onestab 的fangwj纠正翻译中的一些错误。
原文
CSS布局提倡者的声音正被"表格布局的优点"的声音所覆盖。一个荒诞的说法是CSS是难学的。事实上，CSS一点也不比其他网页技术难。问题在于：对于表格设计已经相当有经验的web设计师不得不完全放弃他们的思维模式改用CSS方法。
我曾经用表格布局设计过许多年，当我第一次开始使用CSS布局时，我也遇到了问题。"用表格多简单呀"我想。但是，那只是因为我已经用惯了表格，我知道如何巧妙的处理它们。任何改变，哪怕是小...
htmldog 站点以提供教程帮助初学者学习 HTML和CSS而闻名。本文是htmldog站点上2004年5月14日的一篇文章。原名是Tables My Ass，英文的意思大致是"可笑的表格布局者"或者"可笑的CSS布局新手"。为了更便于理解，我翻译为"CSS比表格更难吗"。文章一针见血的指出那些"安逸"地躺在表格布局上的设计师因为"懒"，不愿意学习和接受更高效的CSS技术而编造各种理由妄图阻挡CSS布局的推广。译文删减了部分不重要内容。本文引起了很多评论，您有兴可以去原文 看看。
特别感谢onestab 的fangwj纠正翻译中的一些错误。
原文
CSS布局提倡者的声音正被"表格布局的优点"的声音所覆盖。一个荒诞的说法是CSS是难学的。事实上，CSS一点也不比其他网页技术难。问题在于：对于表格设计已经相当有经验的web设计师不得不完全放弃他们的思维模式改用CSS方法。
我曾经用表格布局设计过许多年，当我第一次开始使用CSS布局时，我也遇到了问题。"用表格多简单呀"我想。但是，那只是因为我已经用惯了表格，我知道如何巧妙的处理它们。任何改变，哪怕是小...
用相对定位和负向移动来完成一个图片象框阴影的制作
作者:admin 日期:2007-04-05
HTML代码
Div浮动元素排版
作者:admin 日期:2007-04-05
1:存在浮动元素的Div块高度无法自适应。
网页代码：
<div id="container">
<div id="left">内容 </div>
<div id="right">内容 </div>
</div>
CSS语句:(省略不相关的语句)
#container {
height:100%;
}
#left {
float:left;
}
#right {
float:right;
}
这些代码在IE浏览器下显示没有任何不妥，无论三个块的内容多与少，都不会发生内容溢出Container块的现象，（所谓溢出，是指内容越出了块的边界，如果Left和Container的背景不同，这个问题很容易发觉）。
而在FireFox浏览器下，就有问题了，在Left或Right块的高度高于Container内容时，铁定会有溢出的现象。
这个原因在于，Height:100%属性会被IE认为是高度自适应，而FireFox会将其解释屏幕的高...
网页代码：
<div id="container">
<div id="left">内容 </div>
<div id="right">内容 </div>
</div>
CSS语句:(省略不相关的语句)
#container {
height:100%;
}
#left {
float:left;
}
#right {
float:right;
}
这些代码在IE浏览器下显示没有任何不妥，无论三个块的内容多与少，都不会发生内容溢出Container块的现象，（所谓溢出，是指内容越出了块的边界，如果Left和Container的背景不同，这个问题很容易发觉）。
而在FireFox浏览器下，就有问题了，在Left或Right块的高度高于Container内容时，铁定会有溢出的现象。
这个原因在于，Height:100%属性会被IE认为是高度自适应，而FireFox会将其解释屏幕的高...
FF,IE兼容问题
作者:admin 日期:2007-04-05
相对来说，FF对CSS要求更严格一些。对FF来说，一般在属性后加!important就可以了，这样就对FF等浏览器重新定义了。有以下方面,都是从网上找的:
FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 widthFF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。
参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格
在firefox和IE中的BOX模型解释不一致导致相差2px解决方法：{margin:30px!important;margin:28px;}注意这两个margin的顺序一定不能写反。
!important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样：
div{maring:30px;margin:28px}
------------------------------------------------
1、IE与Firefox下对CS...
FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 widthFF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。
参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格
在firefox和IE中的BOX模型解释不一致导致相差2px解决方法：{margin:30px!important;margin:28px;}注意这两个margin的顺序一定不能写反。
!important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样：
div{maring:30px;margin:28px}
------------------------------------------------
1、IE与Firefox下对CS...
www.oswd.org，提供div+css标准模版
作者:admin 日期:2007-03-10
多了一只猪，css的bug？
作者:admin 日期:2006-12-28
CSS权威指南——我比较喜欢的css图书
作者:admin 日期:2006-12-21
CSS权威指南
市场价： ￥55.00
【原书名】 Cascading Style Sheets：The Definitive Guide
【原出版社】 O'Reilly
【作者】 （美）Eric A. Meyer[同作者作品] [作译者介绍]
【译者】 许勇[同译者作品] 齐宁
【丛书名】 O'Reilly系列
【出版社】 中国电力出版社 【书号】 7-5083-0560-4
【内容简介】
《CSS权威指南》是O'Reilly公司出版的Web制作权威指南系列中的一本。该系列还包括《HTML与XHTML权威指南》、《JavaScript权威指南》和《Dynamic HTML：The Definitive Guide》。 CSS是W3C认可的用于丰富Web页视觉表现力的方法。本书提供了对CSSl和CSS定位的完整的描述，同时也给出了CSS2的概述。本书对CSS的每个属性都做了详细的探究，同时讨论了各个属性之间如何协调、以及怎样避免一些...
市场价： ￥55.00
【原书名】 Cascading Style Sheets：The Definitive Guide
【原出版社】 O'Reilly
【作者】 （美）Eric A. Meyer[同作者作品] [作译者介绍]
【译者】 许勇[同译者作品] 齐宁
【丛书名】 O'Reilly系列
【出版社】 中国电力出版社 【书号】 7-5083-0560-4
【内容简介】
《CSS权威指南》是O'Reilly公司出版的Web制作权威指南系列中的一本。该系列还包括《HTML与XHTML权威指南》、《JavaScript权威指南》和《Dynamic HTML：The Definitive Guide》。 CSS是W3C认可的用于丰富Web页视觉表现力的方法。本书提供了对CSSl和CSS定位的完整的描述，同时也给出了CSS2的概述。本书对CSS的每个属性都做了详细的探究，同时讨论了各个属性之间如何协调、以及怎样避免一些...
Tags: css
