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

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

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

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

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

!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 ...……

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

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

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

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

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

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

利用了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 ...……

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

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

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

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

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

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

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

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

刚找到一个不错的东东 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 ...……

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

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

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

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

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

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

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

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

语句： 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/ ...……

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

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

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

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

感觉跟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) ...……

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

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

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

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