摘要：遵照原则：以用户为中心的设计 1用户习惯：交互的元素来源于生活，不要企图挑战用户的习惯，设计来源于生活。 2统一性：保持整个风格的统一性，要让用户感觉到在同一个产品中。 3导航设计：为扫描而设计，永远保证用户没有迷路。（面包屑原理） 4数值设定：既能感受到每个阶段的差别，又不会很快全部被满足 5分类设定：同一级别，保持一致，动宾结构 6数据反馈：倾听用户的声音 阅读全文

摘要：CSS属性编写顺序：显示属性：display，list-style，position，float，clear自身属性：width，height，margin，padding，border，background文本属性：color，font，text-decoration，text-align，vertical-align，white-space，other text，content命名规范：头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中... 阅读全文

摘要：每个页面的样式，想必reset.css扮演了一个很重要德角色，reset的好坏，决定了你的开发效率和作品质量最近研究了下淘宝的reset 和 国外的一个公认的最好的reset，最后还是发现还是国外的比较全面啊废话不多说，开代码：1html,body,div,span,applet,object,iframe,2h1,h2,h3,h4,h5,h6,p,blockquote,pre,3a,abbr,acronym,address,big,cite,code,4del,dfn,em,font,img,ins,kbd,q,s,samp,5small,strike,strong,sub,sup,tt,. 阅读全文

摘要：在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，无论是初接触 Web 标准还是接触标准已久的朋友，大都会对这一属性感觉很迷惑和模糊。display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。但对于这个属性不是所有浏览器都识别。支持的浏览器有：Opera、Safari。但 很遗憾，最流行的 IE 和 Firefox 却不支持这个属性（在 Firefox3 版本中将会支持 display:inline-block）。不过 Firefox 下却有私有属性 -moz-inli 阅读全文

摘要：本文将探讨浏览器渲染的loading过程，主要有2个目的：了解浏览器在loading过程中的实现细节，具体都做了什么研究如何根据浏览器的实现原理进行优化，提升页面响应速度由 于loading和parsing是相互交织、错综复杂的，这里面有大量的知识点，为了避免过于发散本文将不会对每个细节都深入研究，而是将重点放在开发 中容易控制的部分（Web前端和Web Server），同时由于浏览器种类繁多且不同版本间差距很大，本文将侧重一些较新的浏览器特性现有知识提升页面性能方面已经有很多前人的优秀经验了，如Best Practices for Speeding Up Your Web Site和Web 阅读全文

摘要：This section is non-normative.CSS2.1, as CSS2 and CSS1 before it, is based on a set of design principles:Forward and backward compatibility. CSS2.1 user agents will be able to understand CSS1 style sheets. CSS1 user agents will be able to read CSS2.1 style sheets and discard parts they do not unders 阅读全文

摘要：1.Resetting hasLayout：width, height (to 'auto')max-width, max-height (to 'none') (in IE 7)position (to 'static')float (to 'none')overflow (to 'visible') (in IE 7)zoom (to 'normal')writing-mode (from 'tb-rl' to 'lr-tb')2.css Properties h 阅读全文