用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象：（ 总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。 table{table-layout:fix ...……

在进行WEB标准网页的学习和应用过程中，网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的InternetExplorer(简称IE)占据浏览器市场的大半江山，此外还有Firefox、Opera等。需要对这些浏览器进行兼容。 ...……

很早以前的，还没有DW的时候，我们就会搞灰度连接了。 无标题文档……

前不久我写过XML+XSL与Html的结合文章，之后有人问我如何把CDATA中的内容以Html方式展现出来（尤其是用户写的Html不规范）。本来想写个范例，后来到Google上一查，发现已经有人写了。就在：http://java.blogger.cn/w ...……

作者子鼠 客齐集首页的一个效果,今天有人问我是怎么写的,于是晚上就又重写了一个;顺便把那个布局再理一下； 你可以先看一下客齐集首页的效果：http://shanghai.kijiji.cn 我试着不用position:absolute的方法；但写起 ...……

http://www.alistapart.com/articles/holygrail这个翻译的页面版权归greengnn所有，转载请注明出处第一步：创建一个结构xhtml开始于header, footer, and container div id="header"/divdiv id="container"/divdiv id ...……

多中语言实现判断客户访问用得是那个域名然后转到对应的目录 asp版： 发表多个绑定多域名的ASP代码 如果有有一个ASP空间，而你又想放置多个多个站点，这些代码可以帮到你 第一个 %ifRequest.ServerVariables("SERVER ...……

刚找到一个不错的东东 body{margin:36pt24pt36pt;} body{margin:11.5%;} body{margin:10%10%10%10%;} #idParentDiv{width:100%;padding:6px;background-color:buttonshadow;} #idDiv{width:400px;height:80px;backg ...……

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面 ...……

无意中发现，针对同一HTML标记，在CSS中同时应用了font和line-height属性时，就得小心了，这二者的书写顺序不一样，会导致显示效果不同。 即： 如果先写font，再写line-height，显示效果正常 如果先写line-height， ...……

一.区分大小写 当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。 二.不需要给背景图片路径加引号 为了节省字节，我建议不要给背景图片路径加引号，因为 ...……

在网页中应用选项卡可以使网页显得更紧凑，结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍几种简洁的选项卡效果的实现（不涉及滑动门和AJAX），附有实例，无图片，兼容性较好，方便大家直接使用 ...……

浏览器的条件注释理论，用下面一段例子来解释这个问题 (X)HTML 下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果 复制代码 代码如下:!-- h1您正在使用IE浏览器/h1 !-- !-- h1版本5/h1 !-- !-- h1版本5.0/h ...……

用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！ 下面代码有点多！但做出来你肯定喜欢！ 用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！我不想废话了，开门见山吧。 先看演示：http://www.gz7y.com点精彩推荐即可看 ...……

转自蓝色理想 作者bias 原文地址http://www.blueidea.com/tech/site/2006/3296.asp之前找了几个不同版本的可独立运行的IE浏览器，正好拿来试试页面的兼容性问题。不试不知道，在IE6和FF中没问题的页面在IE5和IE5.5中 ...……

点激SPIN随机生成一组颜色Flash动画在线播放……

利用了CSS2的相邻选择符IE7以下不支持 隔行换色示例: !DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" htmlxmlns="http://www.w3.org/1999/xhtml" head ti ...……

1、选择器（childselector） 如果你想在IE中隐藏一个CSS定义，可以使用子选择器。 css部分： htmlbodyp{ /*declarations*/ } 2、“通配符”(*) 这种写法只有IE浏览器可以理解（对其他浏览器都隐藏） css部分： *html ...……

dhtml: 确切地说，DHTML只是一种制作网页的概念，实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。DHTML不是一种技术、标准或规范，DHTML只是一种将目前已有的网页技术、语言标准整和运用，制作出 ...……

1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http://validator.w3.org。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误 ...……

CSS属性-white-space空白属性说明 该CSS属性用来处理空白。 值：normal|pre|nowrap|inherit 可用值值的说明 normal缺省值。文本自然换行。如果超过元素宽度，内容自然换到下一行。 nowrap不允许换行。 pre保留换行和 ...……

实例效果图： 整体观察思考： 在开始制作页面前，我们首先要观察图的结构，考虑怎样布局，布局对一个网站来说非常重要，他是整个体系的骨骼。 再看此图 很经典的三行两列结构，分为四块，TOP、RIGHT、LEFT、BOTTOM ...……

iframe应用很普遍，通常的需求有两种： 1，获取iframe效果，就是带一个滚动条，可以省不少版面。 2，要嵌一个页面，实现框架链接。 如果不方便使用iframe，可以有如下解决方案： 第一种需求如果我们使用css布局来实 ...……

!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" htmlxmlns="http://www.w3.org/1999/xhtml" head metahttp-equiv="Content-Type"content="tex ...……

需要的一张图片： aa div{ width:0px; background:url(/upload/20077101039968.gif) } table{ letter-spacing:10px; font-size:60px; font-weight:900; filter:mask(color=#ffffff) } 我是中国人 请输入: og ...……

本文为翻译文章，全文地址：http://diger.cn/article.asp?id=351原文地址：http://www.filamentgroup.com/lab/buttonElement/Particle Tree 最近发布了一篇文章描述了一种他们拿出的设计按钮元素的技术，对于那些不 ...……

十分郁闷的问题，看下我原来写的代码： 无标题文档 body{width:990px;} #head{height:95px;width:990px;} 居然出现了水平滚动条，问题是我定义的宽度才950px啊！最后还是在网友的帮助下，发现了原因： ...……

最近做了个oblog的系统模板，其中涉及到了ul，所以就整理出了这篇文章+这张大图。 　　ul是一个很常用的标签，但是因为它在Firefox和IE下的不同表现，让人觉得它是个很难以控制的标签。 　　ul在Firefox下有个paddin ...……

我们在制作网站的时候，希望自己的网站是多风格的，用户可以根据自己的喜好选择不同的风格，这样的风格可以是布局上的变化，也可以是色彩上的差异，也可能是针对不同的用户群而特别定制的样式。 　　我们该如何实现 ...……

方法1本来的文本框是 inputtype="text"value=""/ 加上 inputtype="text"value=""style="display:none;"/ 方法2 inputtype="hidden"/……

Css中行间距定义是： line-height:18px; 上面代码是将行间距设为18px。长期以来，我在定义字体样式的时候，通常是这样：#myFont{ font:12pxtahoma; line-height:18px; } 今天才发现，原来可以写成一行，修改如下： # ...……

div+css还是比较难搞的，要实现上下两个div高度自适应感觉麻烦，查了下资料只找到上下高度都是百份比的是可以的，我要实现上面的div是具体像素高度，下面是自适应剩余的百份比。自己搞了一下还要用上js，不知道是不 ...……

对于WEB前端页面开发，字体大小的设置是比较重要，这里找到了一些关于字号大小的数据，共享出来备以后参考，也希望能对大家有用！Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0 ...……

divstyle="width:300px;height:300px;background-image:url(http://www.dnew.cn/template/4color/images/green.png);background-position-x:100"/div 只能background-position:1000这样来写……

在编写css样式表的时候常常会碰到一写浏览器兼容的问题，象是不同内核的浏览器显示就不一定相同，不同版本的的浏览器也会产生上下兼容的问题，如何解决这些问题成了我们苦恼的问题，如果你对csshack技术很了解的话， ...……

Css中行间距定义是： line-height:18px; 上面代码是将行间距设为18px。长期以来，我在定义字体样式的时候，通常是这样：#myFont{ font:12pxtahoma; line-height:18px; } 今天才发现，原来可以写成一行，修改如下： # ...……

scrollHeight:获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的 ...……

scrollWidth 是对象的实际内容的宽，不包边线宽度，会随对象中内容的多少改变（内容多了可能会改变对象的实际宽度）。 clientWidth 是对象可见的宽度，不包滚动条等边线，会随窗口的显示大小改变。 offsetWidth 是对 ...……

关于超链接中的下划线这个及细节的问题，想必大家都有过讨论和思考，大家都知道，把握一个原则即可：“让使用者清楚的区分超链接文本和其他文本形式，并潜意识知道可以点击。”；但对于是否可以潜意识知道可以点击， ...……

SPAN和DIV的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN是行内元素，SPAN的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合 ...……