文本两端对齐：[code]text-align:justify;text-justify:inter-ideograph;[/code]清除浮动：[code].clear{clear:both;line-height:0;height:0;font-size:0;}[/code]清除浮动伪类：[code].clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}[/code]设置不让单词断开[code]word-break:keep-all[/code]字符自动换行[code]word-br...

在介绍ensure内部的实现之前，让我们先来看看其功能：ensure({html:"popup.html",javascript:"popup.js",css:"popup.css"},function(){Popup.show("helloworld");});在这段代码中，ensure首先会确保popup.html、popup.js、popup.css这3个文件的加载，如果都没加载过ensure就会动态加载它们；如果已经加载过了，ensure不会再次加载。在确保这3个文件都加载后，ensure会调用后面的匿名函数，也就是执行Popup.show("helloworld");。接下来，就让我...

更加坏的事情是，即使你仅仅针对IE设计，不考虑其它浏览器，由于IE模型绝对可以说是一只让人难以捉摸其脾气的怪物，所以你单纯为IE设计也会遇到众多难题，发现很多的效果总是绕来绕去都难以实现。我们都知道，XHTML+CSS的目标就是实现内容与表现分离，理论上对于任何特定一份内容，我们都可以通过CSS实现任何我们想要的表现形式，或者细致地说是布局形式。虽然现实与这个目标有一定差距，但是CSS已经能够满足大多数常见的布局需求，这有CSSZenGarden为证。然而如果你用的是IE，因为它难以捉摸，所以如果你想用一种简单优雅的CSS去让IE能够实现“任何你想要的布局形式”，那是不可能的，只有复杂繁缛的C...

但是 也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。同时，注意到Safari中的 宽度是已设定字符的空格宽度（Safari的默认字体为Times），也就是说一个中文字符需要两个占位符。具体情况如下图所示：其实，这不是Safari的问题，而是字体的问题。解决的方式就是使用下面的属性font-family:'宋体';将Safari的默认字体设置成“宋体”等中英文等宽的字体，就能解决。Windows版本的Safari字体设置，需要直接使用中文“宋体”这样的名称而不是“Simsun”（了解原因的兄弟请告诉我）。但至此，我们...

XHTML标准的目标是取代html。按照W3C的说法，“XHTML是html的继承者”(http://www.w3.org/MarkUp/)。XHTML具有两大目标：在文档结构和表示形式之间创建更明显的分离。将html重新表示为XML的应用程序。使用XHTML标准的好处是：只需设计页面一次，即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如，在按照标准生成以后，页面在InternetExplorer、MozillaFirefox、NetscapeNavigator、Opera、Camino和Safari）中以相同的方式显示，而无需完成任何额外的工作。并且XHTML标准可以使Web站...

今天用了很久时间终于解决了这个问题，基本完美了，唯一不完美的就是IE6只有在图片完全下载完成后才会自动调整大小，不过聊胜于无，总比进入页面后看到长长的横向滚动条舒服的多，这里使用了expression，但是利用了一次加载，所以expression不会造成内存泄漏。当然，如果你有更好的解决方案，希望能与我交流。代码如下：.Image{max-width:600px;height:auto;cursor:pointer;border:1pxdashed#4E6973;padding:3px;zoom:expression(function(elm){if(elm.width>560){var...

当你看到<input>这个html标签的时候，你会想到什么？一个文本框？一个按钮？一个单选框？一个复选框？……对，对，对，它们都对。也许你可能想不到，这个小小的input竟然可以创造出10个不同的东西，下面是个列表，看看，哪些是你没有想到的：<inputtype="text"/>文本框<inputtype="password"/>密码框<inputtype="submit"/>提交按钮<inputtype="reset"/>重置按钮<inputtype="radio"/>单选框<inputtype="checkbox...

加上鼠标点击选择（其实只是点击后变个颜色，“选择”这个词在这里不合适），顺便把这个直接应用到GridView上，如果是其他的控件，或者直接的HTML，稍加修改也可以用上，这里仅提供一个思路。虽然GridView使用AlternatingRowStyle提供了交替行背景色的问题，但这个东西用着实在不爽，看它生成到HTML的那个table，那叫一个乱啊。下面是代码，注释应该还算比较详细，比较适合初学者，可以把下面两个文件的代码直接复制到你的项目中直接执行。最下面有文件的下载地址，也可以直接下载后运行，代码在IE7,IE8,Firefox2,Firefox3下测试通过，有任何问题，请在下面留言，我将...

一、先看看在网页中经常出现的按钮与文本框的本来面目吧！　　对照上图，我们怎么样才能改变文本框与按钮的模样呢？那在下面我为大家提供两种文本框与按钮样式作为例子参考，第一种是文本框与按钮无立体感，只是有线 条颜色与填充颜色的，这种效果大家可能在很多网站上都看见过，给人一种特别的感觉，很不错的，第二种效果就比较特殊了，是将文本框做成一种类似于下划线的 效果并且是彩色的，同时按钮的背景色也不再是灰色，而是彩色的，可以说这是一种非常酷的效果，好了，下面我就来说说这两种效果实现的详细操作步骤吧。二、无立体效果的文本框与按钮　　那我们就通过在DW3中网页的编辑操作为例来进行说明，首先我们...

CascadingStyleSheets:TheDefinitiveGuide,2ndEditionisathoroughreviewofallaspectsofCSS2.1andacomprehensiveguidetoCSSimplementation.Thebookincludesnewcontentonpositioning,listsandgeneratedcontent,tablelayout,userinterface,pagedmedia,andmore.ItexploresindetaileachindividualCSSpropertyandhowitinteractswi...

古老的话题：一首古诗的分离　　1.给你一首古诗，保存为毫无格式的一堆文字，你去理解它的内容，进行结构的处理。用word排版之后，他有了结构　　2.这个结构其实包含了语义和表现　　3.用html进行结构化，抛开一切的表现形式，只考虑语义　　4.用CSS进行表现处理，包括html的默认表现，他拥有了视觉表现，这个表现体现出了结构化，也体现出了用户体验，用户体验中包含了交互的排版和视觉体验　　5.如果加上行为，比如点击注释序号，缓缓跳转到注释内容。　　再看看css禅意花园　　同样是上面的5个步骤，形成第一版本的css禅意花园　　而更多的模板提供者所做的工作是交互线稿+视觉设计。体现在网页上就是CSS...