对CSS网页布局的技巧，可谓是名目繁多。这里将适合新手的CSS网页布局的小技巧总结出来，或许对您更有实际的参考价值：　　1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。　　2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果

wikipedia中对表单的定义很简单：允许输入数据的区域，就叫表单。表单是用户与网站进行对话的最主要方式。因此，良好的表单的体验，就显得尤为重要。 在设计表单的过程中，我们要重点考虑： 如何帮助用户更好的完成任务 。可以通过清晰的信息、合适的控件、必要的键盘辅助、还有准确及时的反馈信息等等，来帮助用户更快更好

[参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ] [操作系统：Windows] 貌似很多同学对为什么这个div在上层，那个div在下层、无论如何设置z-index都无法居上的问题纠结抓狂、上吐下泻、恶心失眠、郁郁而终，致使不敢随意使用层的叠加。但层的叠加效果，在交互设计中却频频出现，所以我们必须驾驭它，要

一、针对firefox ie6 ie7的css样式 　　现在大部分都是用!important来 hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释， 会导致页面没按要求显示！找到一个针对IE7 不错的hack方式就是使用*+html，现在用IE7浏览一下，应该没有问题了现在写一个CSS可以这样： Example Source Code #abc { color:

初步介绍 当然，我知道现在有成千上万个关于 用CSS处理圆角 的教程，但不管怎么说，我仍然想把这篇文章展示给您。也希望您会发现这篇文章会非常有用。需要重点指出的是，这篇教程彻底地应用高级CSS技术，但是，我会尽力使初学者看起来简单。 CSS3 在这里还没有得到完全的应用，所以，知道现在，我会保持W3C验证的有效。 看

说到 IE 的 bug，一个臭名昭著的例子是它对于盒模型的错误解释：在 IE5.x 以及 Quirks 模式的 IE6/7 中，将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦，几户每个需要定义尺寸的 box 都要思量一下：是否触发了盒模型 bug？ 同时，由于另一撮浏览器对标准的遵从，我们在精确定义一个在有限

重读LukeW的《Web Form Design:Filling in the Blanks》感触很深，除佩服LukeW的钻研精神外，更多的是学习他对设计细节的执着和理解。我把对本书的理解，与工作生活中遇到的实际问题结合起来，作为今后设计工作的指导和规范。 有一些元素，看着很简单，设计起来却很头疼。往往这样的元素都具有一个共同的特点变化多，表单的

来公司的时间不算很长，最近公司现有的 蜕变网将要进行一次大的改版，作为公司的前端开发人员自然要在行动前做出些准备，于是先是为网站做了 栅格化设计，总宽950的24栏栅格。OK,废话不多说，下面赶紧开始。 先来看下淘宝网的一处3栏布局： 点击放大 这里是对应的代码： 我们可以看到 class=grid-c3-s5e7 这个命名似乎有些