CSS布局技巧与最佳实践
本文分享了关于CSS布局的一些实用技巧与最佳实践，包括如何合理利用display:none、避免使用hack确保浏览器兼容性、构建可重用代码库等内容。同时强调了内容与表现分离的重要性，并提供了实现等高列布局的方法。
1.元素总宽度=容器宽度+padding+border;
2.对这些布局有所了解是一回事，真正实施布局是另外一回事，真正从头开始实施布局是完全掌握这些方法的唯一途径。
3.理智使用display:none，在页面中保留一些不必要的标记会造成代码不必要的膨胀，也不利于搜索引擎的优化。
4.如果可能，最好尝试避免对列应用内边距和边框，保证浏览器显示效果的统一性，不再需要hack。
5.注意浏览器的兼容性。
6.在标题元素中使用图像一定要保持一个良好的层次感，并且使用优先权仅次于文本。
7.内容永远比表现重要。
8.spacer div通常为间隔层。
9.构建一些小的、可重用的代码库对将来是非常有用的。
10.将内容、行为和样式分开。
11.inherit与!important样式结合使用，用户将得到更多的优先权。
12.避免使用hack。
13.只要记住你是60亿人中的一个没有两个完全一样的人，你会感觉不错的。
14.在现有类中添加其他属性，并将两个类的名称用空白字符分开(组合类)。
15.不要在遇到困难后才想办法。
16.有时50%+50%并不等于100%，如果等于100%的话，生活可能会美好些。
17.通过CSS显示背景图像。
18.在过去的15章中，你使一颗种在潮湿的棉花地里的种子发芽长成了一个满是早春花朵的大树。
19.构建网站需要的三个关键阶段:设计、内容、表现。
20.如果你决定使用线框，你需要将边栏的宽度设定为306像素而不是310像素以补偿两个主列的4个垂直边框，这就是框模型。
21.通常使用伪列来实现列的等高。
22.文档流把主要内容放在最右边，而下一个块则放在其前面。
完。
扫一扫
2462
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
