边框属性(border)用来设定一个元素的边线。[br]边距属性(margin)是用来设置一个元素所占空间的边缘到相邻元素之间的距离。[br]间隙属性(padding)是用来设置元素内容到元素边界的距离。[br]这三个属性都属于css中box类型的属性。[br][br]下面这个示意图，很形象地体现了三者之间的区别。[b...

[p][b]1、如何设定文字字体、颜色、大小——使用font[/b][/p][p]font-style设定斜体，比如font-style:italic;[br]font-weight设定文字粗细，比如font-weight:bold;[br]font-size设定文字大小，比如font-size:12px;（或者9pt...

[p][b]英文原作者：[/b]nickusborne[/p][p]我承认，这是个令人气愤的标题。但事实如此。[/p][p]无论有多么令人关注的信息，无论有多么优秀的效仿，无论多么有力的推广；设计好的页面总会在所受欢迎的程度上有戏剧性的变化，不论是好是坏。[/p][p]在我展开话题前，我想让你看下三个不同版本但内容相同...

[p]css对浏览器器的兼容性具有很高的价值，通常情况下ie和firefox存在很大的解析差异，这里介绍一下兼容要点。[br][br][color=red]常见兼容问题：[/color][br][br]1.doctype影响css处理[br][br]2.ff:div设置margin-left,margin-right为...

[color=#999999]本文的正式版本发表在acm通信杂志的“交互设计”专栏（2005年七－八月）的14至19页[/color][p]在设计界，以人为中心的设计已经成为一个占统治地位的主题，以至于它经常被界面和应用设计人员不加思考地加以采用，更不要说是用一种带有批判的眼光加以采用。这是一种危险的状态――当某些事情...

[p]5年前，[url=http://uxmatters.com/authors/archives/2005/11/robert_reimann.php]robertreimann[/url]为cooper通讯（[url=http://cooper.com/content/insights/newsletters.as...

[p]原文链接：[url=http://pronetadvertising.com/articles/5-ways-to-optimize-your-design.html]fivewaystooptimizeyourdesign[/url][br]原文作者：[url=http://pronetadvertising....

[p][b]出错，也能莞尔一笑～[/b][br]遇到出错页面经常是让人讨厌的事，不过撞见些可爱的页面，有时反而成了种乐趣。个人最喜欢的404页面，是淘宝ued团队blog的那个。[br][b]“四零四啊四零四，没找到啊没找到～哇塞，这么偏僻的地方都被你找到了，赶快去淘宝[url=http://taobao.com/ve...

[p]不可否认，web的用途越来越广。大家在互联网上看资讯/电影、聊天、找朋友/工作、玩游戏、写小说/日志、交易/买卖、听音乐/广播。互联网已经不仅仅是一个窗口，他已经成为我们工作和生活的伙伴。是的，他不是工具，而是伙伴，这些伙伴的数量听说全球已经达到一亿个了，在这些伙伴中，有些对我们很粗鲁，有些待人礼貌。ucd的含义...

作者：ucdchina.com出处：angela责任编辑：0[p]想像一下这样的场景：你参与了一个新产品的设计，并提交了一系列的视觉设计方案。在评审会上，每个人的眼光都转向坐在房间另一头的某位领导，“我不喜欢橙色。”这位领导突然抬起头来说，于是整个评审会突然就乱了章法，过了一会儿，你痛苦地发现大家正在热烈讨论的，居然是...

随着公司网站的再度改版，当初在页面代码规划以及css设计方面的问题逐渐都浮现出来。由于设计当初考虑得不够全面，给站点的改版带来很多不必要的麻烦。css框架这个概念在这个时候显得越发的重要，也是必要！[br][br]在去年的时候曾经说过用dreamweaver代码片断提高css开发效率。其实已经是css框架的雏形。而国外...

[p]先预览效果[/p][p][url=http://72color.com/upload/tanchudiv.html]点击预览[/url][/p][url=#viewsource]viewsource[/url][url=#printsource]print[/url][url=#about]?[/url]01.0...

[p][align=left][b][color=#006600]1.js简介及特点[/color][/b][/align][/p][p][align=left][color=#006600]javascript语言的前身叫作livescript。自从sun公司推出著名的java语言之后，netscape公司引进了su...

[p][b][img]/upload/08-03-19ui.gif[/img][/b][/p][p][b]一内容与功能禁忌[br][br][/b]内容禁忌[br]l主页身份危机（what’sthis？what’sitcontain？whatcanido？wherecanistart？）[br]l混乱的内容分类（ifus...

[p]说起产品ui设计通常的认识就是“图形界面的设计”而产品的交互设计往往被忽略！一个好的交互设计对产品的成功起着很关键的作用。ui所做的就是用户最先接触到的东西，也是一般性的用户唯一接触到的东西。用户对于界面视觉效果和软件操作方式的易用性的关心，要远远大于他对底层到底用什么样的代码去实现的关心。如果说程序是一个人的肌...

[p]在很多语言的学习中，“事件”都是一个比较难理解，但是又是一个很重要的概念。javascript中的事件处理也是一样，正因为有了事件处理，才会出现ajax拖动的效果。本文就讨论一下javascript中的事件处理，读过之后，您就会知道，很多ajax框架实现拖动效果的原理了。[br]一、ieevent对象[br]（一...

[br]otime=settimeout(bordercolor(),400);[br]}[br][br][p][color=#ff06ae]输入字时输入框边框闪烁(边框为虚线)：[/color][br][br]#otext},onblur=function())};[br][br][/p][p][color=#ff0...

[p]原文：[url=http://72color.com/upload/201003021802231068.jpg][img]/upload/120.jpg[/img][/url][br][br]2.ryan-biggs[br]负空间的运动使得这幅logo有一种奇幻的效果，完全考验你的空间想象力！b和r两个字母代表...

[p]300)this.width=300>[br]这句代码能把超过300宽度的图片变为300宽，小于300的图片保持原尺寸不变。[br]很实用。[/p][p]还可以把js写到[url=http://72color.com/catalog.asp?tags=css]css[/url]里面[/p][p]img[/p]

现在的网站五花八门，一个网站怎么能成功，实际的说就是怎么能有很好的收入，就不是那么简单。[p]在网络设计领域关于eye-tracking的研究十分火爆，但是如何把这些研究结果转变为具体可行的设计来运作依旧是个难点。以下就是一些来自于eye-tracking研究结果的窍门，可以为改进你的网站设计提供些意见：[br][br...

[p]在点击“submit按钮”之后，将submit设置为disable，使按钮变灰不可用，具体的做法如下：[br][br]1、先在form里加入：[/p]onsubmit=submitonce(this)[p][br]2、再在“submit按钮”之前加入下面的代码：[/p][br]functionsubmitonce...

[p]刚才和同事讨论到“图片丢失或图片地址输入错误”的处理方法，[br]$f4`6m/]&z&x2n,c我一直都没在意到这个细节，我只管坚持着“错了就改过来”的原则去做站。[color=#fff]-k#}m3z)r7d4\6d:^6`[/color][br]但是错误总是在所难免的，我们也不是有很多时间去测试去检查错误！...

[p]上次的[url=http://72color.com/post/139.html][color=#434953]如何避免网页上出现“可爱”的小红叉[/color][/url]是批量的处理，这个例子是针对带个图片，可以出现不同图片效果。[/p][p]判断远程图片是否存在，不存在的话替换成默认的图片，代码如下：[/p...

[p]看到我爱css网站列出了这些做css网站的技巧，很实用，很强大的说，转给大家看看[/p][p][b]一、若有疑问立即检测[br][/b]在出错时若能对原始代码做简单检测可以省去很多头痛问题。w3c对于xhtml与css都有检测工具可用，请见http://validator.w3.org。请注意，在文件开头的错误，...

[p]新学网页的朋友可能经常会用ps处理出来的gif图片按钮,结果放到页面上去就有些不好看的杂白边,又不懂是怎么处理,我以前也经常遇到这种现象,明明很不错的图片按钮结果一保存gif就变得粗糙不堪,很是烦恼,后来多次研究和学习终于找到了缓减图片毛边的方法.[/p]在保存图片的时候，设置了一下，效果好了一点[br]保存gi...