把这段代码写进一个html测试一下，很神奇的哦~ var f= document.getElementById("iframe"); f.src="http://www.baidu.com"; f.width="100%"; f.height="100%"; 好了好了，别笑了，你别说，这代码对有些人还是 ...……

我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战"，为了兼容Netscape和IE，网站不得不为这两种浏览 ...……

Inatimeofwebdeveloperswhojustliketosaythat'TablesareEvil'andcan't(orwon't)explainwhy,thisarticlewillattempttogiveyousomesolidreasonsthatpeoplecreatetablelessdesigns.Includedaresixmajorbenefitsofcreati ...……

body { font-family: verdana, helvetica, arial, sans-serif; } #mainMenu { background-color: #EEE; border: 1px solid #CCC; color: #000; width: 203px; } #menuList { margin: 0px; padding: 10px 0px 10px 15 ...……

客齐集OEM的CSS解析 这个OEM是客齐集推出来的，如果你有一个域名，那么你就可以定制自已的网站了。由于是要让站工自已定制，所以开放了HTML以及CSS、JS等代码。但默认的CSS是CSS是不能改的。 在写这个CSS时，我尽量 ...……

作者：唐国辉 实例网页网址：http://www.hsptc.com/css2.html前言 如果你想尝试一下不用表格来排版网页，而是用CSS来排版你的网页，也就是常听的用DIV来编排你的网页结构，又或者说你想学习网页标准设计，再或者说你 ...……

必须将script和style元素的内容包装到CDATA节中。 如果在脚本或样式表中使用特殊字符（例如或）或实体引用（例如或），则需要将脚本或样式表的内容标记为CDATA（字符数据）节，如下所示。 scripttype="text/javascri ...……

ie中直接用该id做变量名，可得到一个数组，数组元素为具有该id的对象 在ie7和firefox中用getElementById会取得第一个具有该id的对象 建议不要对多个元素使用相同id，以免招致混乱11111111 x222xxxxxxxxxx 333 4 5555 ...……

电脑里说不上是哪里出问题了.看很多网页,字体都变了.不是宋体了.看上去比较难看.拿SOHU来说吧,在我的电脑上看就是这样.可能看不去不太舒服吧.而看网易并没有这样的问题.由于就猜想恳定是SOHU没有设置网页的字体.简单 ...……

前几天一位做网页设计的朋友问我这个问题：如何通过CSS来实现图片半透明效果，并且在IE和Mozilla上都可以得到支持。下面将我的方法分享给大家。 下图为通过CSS实现的图片透明效果 这个效果在IE和Mozilla浏览器上都 ...……

纯CSS实现翻页效果，原理比较简单，书签配合隐藏。 dl { position:absolute; width:240px; height:170px; border:10px solid #eee; } dd { margin:0; width:240px; height:170px; overflow:hidden; } img { bor ...……

有时候图片太大，会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度 css代码如下： img,aimg{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width590?"590px":this. ...……

导航条的一个效果DIV+CSS 现在应用于客齐集网站！ 复制代码 代码如下:style *{margin:0;padding:0;list-style:none;} body{font-size:12px;margin:100px;} #info{border:1pxsolid#BCFF1D;width:348px;background:#D6 ...……

div＋css布局入门 4XHTML下css+div布局总结. 6网页设计DIV+CSS——第1天:选择什么样的DOCTYPE. 9第一天 9什么是DOCTYPE 10我们选择什么样的DOCTYPE 10补充 10网页设计DIV+CSS——第2天:什么是名字空间 10网页设计DIV ...……

CSS是CascadingStyleSheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 　　1.基本语法规范 分析一个典型CSS的语句： p{COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选 ...……

一、类型选择符 body { font-size:12px; } { color:blue; } 　　指对网页中已有的标签类型作为名称的选择符，如上表示：body标签内的所有文字大小为12px;段落内的文字颜色为蓝色。 　　二、群组选择符 h4,p,span { f ...……

CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。 对高度的解析 IE：将根据内容的高度变化，包括未定义高度的图片内容，即使定义了高度，当内容超过高度时， ...……

返转90或180度应理解为“翻转90或180度”，用镜像翻转滤镜fliph,flipv. 一个表格原地不动br tableborder="1"cellspacing="0"cellpadding="0"width="156"height="66"trtdalign="center"一个简单的表格/td/tr/table br ...……

背景图片不滚动IE浏览器支持一个Body属性bgproperties，它可以让背景不滚动: BodyBackground="图片文件"bgproperties="fixed"关于onfocus,onblur今天在BI里看到这样的贴子，刚好学习下。inputtype="text"size="50"on ...……

以前回复过几个朋友,关于滑动门的代码,那时我还没有用上IE7,FF,结果,发现只能在IE6下运行,代码也很长;今天又有朋友问我这个,我只好花一点时间,终于把这个东东完成了,希望大家喜欢; 兼容IE7;FF;IE6 代码更简洁,更易读 ...……

运行下面的代码就可以了 HTML 30分钟入门教程 h1 {text-align:center} p {text-indent:2em; line-height:140%; margin:auto 10px} span {margin:3px} .code { border:solid 1px gray; background-color:#eee ...……

css滤镜 Style属性： 　　可以应用在标签中，更可用广泛应用在tabletrtdbody centerimginputfontformframelabelmap等等标签中， 更重要的是，它可用在标签中。 页面切换效果： 在页面前部与之间加入"" 说明：duratio ...……

CSS滤镜基础 随着网页设计技术的发展，人们已经不满足于原有的一些HTML标记，而是希望能够为页面添加一些多媒体属性，例如滤镜的和渐变的效果。CSS技术的飞快发展使这些需求成为了现实。从现在开始我要为大家介 ...……

1、Alpha 滤镜 语法：{FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)} "Alpha"属性是把一个目标元素与背景混合。设计 ...……

7、Gray ,Invert,Xray 滤镜 语法：{filter:gray} ,{filter:invert},{filter:xray} Gray滤镜是把一张图片变成灰度图；Invert滤镜是把对象的可视化属性全部翻转，包括色彩、饱和度、和亮度值；Xray滤镜是让对象反映出 ...……

Mask滤镜可以为网页上的HTML元件对象作出一个矩形遮罩，关于什么是遮罩?如果你用过Flash中的遮罩，你就会知道了，就是那个样子了。实际上对于遮罩你也可以这样来理解，相当于用一块有色布把物件盖起来，但内容却被挖 ...……

实例效果：请把鼠标放上去看看 第一步：把下面的脚本插入head与/head之间： scriptfunction on(she){girl=shemove=setInterval("moving(girl)",50)} function off(she){ clearInterval(move) she.filters.blur ...……

引伸阅读 * 解读absolute与relative * position:relative/absolute无法冲破的等级 * 对《无法冲破的等级》一文的补充 定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效 ...……

因为屏幕能显示的最小单位是1px，对于像773*50%=386.5这样带数字的长度必须有所取舍。 测试页面，一些浏览器的截图标宽度也在里面 IE：按四舍五入的方式计算。 Firefox：计算后的值忽略小数部分，但会把多出的长度分 ...……

HTML中的Label标签，未接触标准的恐怕会比较陌生。即使接触了标准，很多人也只是当成一个容器，用来解释表单中的元素。概念性的东西我这里就不罗唆了，有兴趣的可以参看W3上的教程。 这里偶只是想谈谈Label中For的用 ...……

定义表格各列的样式，不用每个td都在那里加一堆的Class，利用th,colgroup,col等属性，轻松搞定^_^ 代码如下：复制代码 代码如下:style table.Demo{ border-collapse:collapse; color:#454545; font:11px/150%Verdana ...……

IE7发布已经有些日子了，因此网站需要照顾的浏览器又多了一个。这两天设计师们在做兼容，找到了一个解决办法，这里既是共享，也是记录。结合之前自己使用important!和/**/来区分IE5、IE6、Moz的经历，以下代码区分4 ...……

blueidea终于可以出点让人惊呀的东西了，一直对clear和position不太理解，没想到这次的系列教程全给提及到了，不错，赞一下。彻底弄懂CSS盒子模式之一彻底弄懂CSS盒子模式之二彻底弄懂CSS盒子模式之三彻底弄懂CSS盒 ...……

感觉跟ul和li有点类似,不过也算是一种新思路,源码如下: dl,dt,dd制作的CSS垂直菜单 #menu dl {width: 150px; margin: 0 auto; padding: 0 0 10px 0; background: #69c url(file:///E|/ceshi/media/bottom.gif) ...……

看到了分享：绝对经典的滑轮新闻显示(javascript+css)这个帖子，都是css+js的控制经典，其实单css就可以搞定了，只不过是为了兼容那垃圾的IE才不得做个js， 以下的代码如果去掉js部分地话，在Opear和Firrfox都能正常 ...……

一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本：一个Class可以定义剧本中每个人物的故事线，你可以通过CSS，Javascript等来使用这个类。因此你可以在一个页面上使用cla ...……

浏览器兼容问题-CSSDiv最小高度在IE6和IE7中的兼容性问题 用CSS的定义一个DIV的高度时，在IE7浏览器下可以正常显示。但是在IE6中，height在10px以下就无法定义了。这点跟表格有点类似。解决的方法如下： 法一：定义o ...……

获取页面高度，窗口高度，滚动条高度等参数值 获取页面高度，窗口高度，滚动条高度等参数值……

语句： DIValign=center TABLEstyle="TABLE-LAYOUT:fixed"height=28cellSpacing=0cellPadding=0width="100%" TBODY TRheight=1 TDwidth=1/TDTDwidth=1/TDTDwidth=1/TD TDbgColor=边框颜色/TD TDwidth=1/TDTDwidth=1/ ...……

利用 CSS + 标签 来完成一个三角形的制作 M One M Two M Three M Four……