WordPress企业主题定制/开发/优化

css

首页 » 标签 » 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这个属性。