多想团队-陳

摘要： 由于连续的字符（字母、符号、数字）在默认情况下是不换行的，可能会破坏整个界面布局。那如何解决这个问题呢？在 IE 和 Safari 1.3+ 下相对比较容易解决，使用 CSS 属性 word-wrap: break-word;。有朋友会问为什么不是使用 word-break:break-all; ，因为有一个特殊的情况，该属性无法解决换行——连续的英文标点符号。注：word... 阅读全文

摘要： 我们在做表单的时候经常会使用到这样的结构：<fieldset> <legend>哪些浏览器legend标签设定的宽度有效</legend> <input type="checkbox" value="ie6" name="width" id="ie6" checked="checked" /><label for="ie6">IE6&... 阅读全文

摘要： <style type="text/css">p { line-height:17px;}</style><div class="mdse-detail"> <p> <strong style="font-size:30px"> 品牌：XZX<br /> 市场价：145元<br /> 颜色：黑色<br /... 阅读全文

摘要： 我曾经找遍整个网络以尝试找到一些简洁而结构良好的网站实例，这可能是一个独特的布局或者只是使用一些好的排版、间距简单的呈现出来，或者是网站的给人的第一印象，这里只是一些我喜欢的。从这些网站实例中我们很容易发现一些特性，比如大空白、巨大而且漂亮的图片、对比鲜明的色彩、主色调为浅色(白色或者浅灰)、以及网格化布局等。Brian HoffKyle SteedSpoon GraphicsSushi and ... 阅读全文

摘要： 关于字体的讨论，其实无论是国外还是国内，都已经有不少，可是我发现绝大部分的内容或者有失偏颇，或者不够全面，下面我试图将自己一段时间内的观点总结一下，以求提出一个比较容易接受的 CSS 字体选择的建议。 事关大小字体的大小总是一个困扰人的问题，用绝对单位还是用相对单位？或者具体来说，用什么单位？ex? em? pt? px? 百分比? 让我们看看 CSS 2.1 Spec 中的说明:1、相对大小包括... 阅读全文

摘要： 根据我最近的一些实践以及在和一些读者进行关于HTML表格的使用问题沟通之后，决定写这篇文章。总的来说，我注意到由于误导性信息，他们对于table的使用有种先入为主的厌恶。事实上很多人会说”我看到永远不应该使用表格”的说法，但是这绝对是错误的！这个建议只是针对使用HTML表格来定义网页的布局，但是表格在方便的排列数据信息行和列方面非常完美，而且如果你一定要在一个页面上显示表列... 阅读全文

摘要： 一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。jQuery是继prototyp... 阅读全文

摘要： 这是 Seoptimise 的 Tad Chef 对 2010 年的 Web 所做的 30 个预测，包括 social media（社会媒体）, business（商务）, mobile（移动）, marketing（营销）, search（搜索）, SEO, web design & development（Web设计）,Blogging（博客）, software（软件） 9 个方面。... 阅读全文

摘要： 可视性的问题几乎在每次不同产品的用户测试中都会出现：用户总是对页面的某些元素、功能视若无睹，或根本无视。基于此，对这个问题进行了一番小小的研究。为何用户视若无睹？视觉是人的生理与心理现象。本文述及的是视觉作为心理现象，也即由知觉、思维、记忆、情感等视觉认知引起的可视性问题，而非用户眼睛在生理上存在缺陷，也不是错幻视觉（详见链接图例）。用标准些的心理学术语来说，这里所说的“视若无睹&rd... 阅读全文

摘要： .case01{border:1px solid #96c2f1;background:#eff7ff} .case02{border:1pxsolid #9bdf70;background:#f0fbeb} .case03{border:1pxsolid #bbe1f1;background:#eefaff} .case04{border:1pxsolid #cceff5;background:... 阅读全文