Andy 　　链接用图片做背景，text-indent:-9999px; 隐藏文字，此效果在 IE 中是正常的，但在 Firefox 里，鼠标点击该链接时，虚线框却会包住被缩进的文字，结果显示为虚线框 N 长。　　因为平...

[阅读全文]

Andy 这是今天有人发邮件问的一个问题,最开始的想法是用ul列表来实现;但是这样用出现两个比较麻烦的地方：1、如果用UL还布局，右边一栏比较麻烦；2、文字外边的边框自适应比较麻烦；3、很可能...

[阅读全文]

Andy 废话就不多说了，将主要代码及效果图附上：菜单效果：、代码如下：var menuObj=[{ text:"快捷", icon:'etc/default/images/icons/quick.gif' },'-'];//下面两个函数用于解析xml为树结构...

[阅读全文]

Andy 　　以前总结过Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。　　近日有此需要，但发现加上nowrap在某些情况下还是会换行！无奈，没有一个强制不...

[阅读全文]

Andy 由于项目需要，在我们的页面中用到了CSS滤镜Glow，用来实现文字的发光效果，本来用着好好的，今天改着改着发现滤镜无效了，将strength改的很大也无效，很是郁闷，IE下都无效了？？ 后来...

[阅读全文]

Andy DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就...

[阅读全文]

Andy 第一步：规划网站，本教程将以图示为例构建网站 1.规划网站，本教程将以下图为例构建网站。 点击看大图 其基本布局见下图： 点击看大图 主要由五个部分构成： 1.Main Navigatio...

[阅读全文]

Andy 第二步：创建html模板及文件目录等 1.创建html模板。代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio...

[阅读全文]

Andy 第三步：将网站分为五个div，网页基本布局的基础:1.将“第一步”提到的五个部分都放入盒子中，在html文件中写入：<div id="page-container"><div id="main-nav">Main Nav</div> <div ...

[阅读全文]

Andy 第四步：网页布局与div浮动等：1.浮动，首先让边框浮动到主要内容的右边。用css控制浮动:#sidebar-a {float: right;width: 280px;background: darkgreen;}表现如下：2.往主要内容的...

[阅读全文]

Andy 第五步：网页主要框架之外的附加结构的布局与表现：第五步主要介绍除网页主要框架之外的附加结构的表现(Layout),包括以下内容:1.主导航条；2.标题(heading),包括网站名和内容标题；3.内...

[阅读全文]

Andy 第六步：页面内的基本文本的样式(css)设置：你是不是厌倦了那些大红大绿的背景，现在是去掉它们的时候了，只保留导航条的红色背景。真是难为您居然能坚持学习本教程到此，很好，再过几...

[阅读全文]

Andy 第七步：网站头部图标与logo部分的设计：为实现设计时的网页头部效果，我们需要以下两幅图：/images/headers/about.jpg (点击看大图)/http://www.3800zz.com/tech/pm/200904/images/g...

[阅读全文]

Andy 第八步：页脚信息(版权等)的表现设置：首先需要控制页脚的文本显示：#footer {clear: both;height: 66px;font-family: Tahoma, Arial, Helvetica, Sans-serif;font-size: 10px;color:...

[阅读全文]

Andy 第九步：导航条的制作(较难)：Jorux注:导航条之所以放在第九步讲，是因为导航条制作是本教程中最难的部分，自然也是技术含量最高的地方.导航条的制作可易可难，但这里介绍的相对较难，...

[阅读全文]

Andy 第十步：解决IE浏览器的显示BUG： 要继续此教程需要IE的以前的版本进行测试，你可以在这里下载到。绝大部分中国用户使用的是IE6.0，因此您几乎不需要看下去了。IE中主要出问题的是IE5...

[阅读全文]

Andy 　　我们都知道浏览器之间是有差异的，很多人在使用XHTML+CSS方式制作网页的时候都曾为此无比头痛。要在这些差异的影响下工作需要很多的技巧，“隐藏CSS”就是其中很重要的一种技巧（甚...

[阅读全文]

Andy 原文：The Early Bird Catches the CSS: Planning Structural HTML　　原作者：Virginia DeBolt　　　　　　　　翻　译：阿捷 w3cn.org 　　原文发表时间：2004年 　　你正在学习CSS布局...

[阅读全文]

Andy 　　CSS布局中最小高度的妙用——最小高度可以设定一个BOX的最小高度，当其内容较少时时，也能保持BOX的高度为一定，超出就自动向下延伸最小高度可以设定一个BOX的最小高度，当其内容较...

[阅读全文]

Andy 以前的解决方法主要是利用js来实现，但用过的人都知道该办法有点繁琐。还有一种是在外部容器定义over-flow:hidden。但这种办法只会切割图片而不会自动适用。关键在于：max-width:780p...

[阅读全文]

Andy 　　今天有一好友MSN上突然问我这个话题，突然想到其实在论坛里面，关于DIV和TABLE表格的使用疑问有不少人发过贴子问过，这里我想整理一下我的思路！　　关于表格　　使用WEB标准之后，...

[阅读全文]

Andy 原文：What is the Best Way to Mark up the Title of a Document? 　　说明：本文是 《Web Standards Solutions: The Markup and Style Handbook》一书中的一章。书号：ISBN:1590593...

[阅读全文]

Andy 原文:http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/ 翻译：JunChen首发：http://blog.handsbrain.com/junchen/archive/2005/05/21/3355.aspx 版权：本文...

[阅读全文]

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

[阅读全文]

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

[阅读全文]

Andy !important和(空格)/**/:的组合技巧及其他先温习一下对于IE的box-model的破解IE box-model这个臭名昭著的bug存在于IE6/Win以前的每一只版本，这个虫子直到tantak发布了流传最为广泛的那...

[阅读全文]

Andy 容器高度100%是经常用到的需求，任何容器都可以实现，而且不需要嵌套关系。把body看作是一个容器，做为内部对象的上层标签，他的高度设置为100%是关键。最基本的例子* { margin:0; p...

[阅读全文]

Andy 　　想成为一名css专家，仅仅熟练使用CSS选择符（selectors）是远远不够的。还在于对工作的整体规划，工作流程的掌握以及提高样式表的可维护性和效率。在这篇文章里Jina Bolton从12个顶...

[阅读全文]

Andy 这个效果是今天有人写邮件给我问的一个效果，记前以前利用A标签的背景写过一个类似的效果。于是刚刚回来就写了一下他要求的效果！顺便贴出来和大家分享一下，如果你很有创意，那么你一定...

[阅读全文]

Andy 合理的布局会给后期的样式、扩展提供非常大的方便！布局中我们不能用那些生僻的标签，那样太危险了，那样标签在不同的浏览器中的表现都是不一样的，更别说更多的版本了。如果用了那些...

[阅读全文]