css

在做一个网站的布局，因为经常用firefox，所有的内容都是在firefox下面调试的，等快完工了切回IE7一看，样式差别好多，主要是在margin，padding这几个元素的理解上。

css在IE6 EI7 IE8 FF下的兼容写法

按比例缩小或者放大到某个尺寸，对于标准浏览器（如Firefox），或者最新都IE7,ie8浏览器，
直接使用max-width,max-height；或者min-width,min-height的CSS属性即可。

IE6选择最后一个，即：background-color:#000000; （因为IE6对important不感冒）
IE7选择第二个，即：background-color:#000000;（因为IE7开始对important感冒了，同时还死守着它对 * 感情的最后一版本，但important并未起到优先级的作用）

来控制，不同规格的图片有可能会变形。这是一种最蠢的方法。经过摸索，我找到一串CSS代码，可以让图片在超过规定的宽度时，自动缩小，并且是按比例缩小，不会造成图片变形。

Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用是一样的。

DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码
CSS是 Cascading style Sheets的简称，中文译作“层叠样式表单”，在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。网上冲浪无论你用Internet Explorer还是Netscape Navigator，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。不管你用什么工具软件制作网页，都有在有意无意地使用 CSS。用好CSS能使你的网页更加简炼，同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB。

首先：在iframe标签中加入 allowtransparency=”true”属性
然后：在调用的页面的标签里加入 style=”background:transparent;”

简单易用的JS+CSS伸缩菜单

现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“* html”，现在用IE7浏览一下，应该没有问题了。

简单有效的纯CSS提示框

调用方法:var myDrag=new Endrag(source,target,offSetX, offSetY);
参数说明:source–鼠标动作绑定对象;target–操作目标对象(要移动的对象);offSetX–横坐标偏移;offSetY–纵坐标偏移
说明:通过多次调用本方法绑定多个对象的拖动

兼容IE FIREFOX3.5以上的透明度设置

正常情况下的打印是使用 window.print(); 直接整页打印，但假如需要打印网页中定义的部分内容，则可使用如下的方法：

用以下CSS，可以实现菜单项常用效果。例如hover时，可以与link时显示不同的背景图片、背景色、字体、字体颜色等等。也就是说这个CSS是通用的，你可以根据他进行拓展应用。

安装FireFox3.5后，发现以前项目网页中有透明属性的一些DIV都不透明了。于是猜想，FireFox3.5难道不支持它自家的CSS透明属性-moz-opacity了？上网一查，果真如此。
在https://developer.mozilla.org/En/CSS:-moz-opacity里说得很清楚了：
Note: Firefox 3.5 and later do not support -moz-opacity. By now, you should be using simply opacity.
现在都要改用opacity这个属性。