CSS的几个小经验点
CSS的使用一直都在进步中,相同的设计不同的解决方案现象是根据每个人的经验所产生的。而高手和入门只差在细节的处理上,完美的效果需要有良好的可扩展性作为基础,好像美工喜欢把内容快的背景修饰为一整张的图片,同样也是为了避免有空的标签在里面(例如空的div只为了背景图),但是同样需要考虑到,当文字增多的时候你需要改背景图片??不要以为网站不改版,也同样不要责备网站的改版–用户喜欢新鲜感。内容的多少也不要责备编辑的工作:很多时候少内容是无法表达含义的,只要问自己:当初是否考虑到了可扩展性?(更高的要求就是用户会增大网站的字体来适应自己的视力)
当然,同样,产品经理或产品设计需要考虑如何针对美工和设计来提出一个较标准的“页面设计需求”,包括内容数量,宽度(高度)扩展性等等方面。
1. CSS反向浮动法: 反向浮动法是解决两个对象分别置于容器左右两端最好的办法。
2. 用padding来限制内容位置可以最大程度避免IE的框模型错误。
3. 一个被浮动的框式组件必须要有具体的明确宽度值(出自W3C标准)
4. 背景图片的数量会影响到HTML设计时需要的框架数量(图片载体)
5. 对于任意内容量的适应能力,是一个优秀的,可重用模板的重要评价标准。
6. 不设置高度的元素,其高度是由内部内容所决定和影响的。
7. 当一个容器内包容的内容量未知时,尽量使用两张图片,以便适应扩展。
8. 图片的设计最好要大于界面设计时的宽度(高度)来应付内容或字体变化所带来的影响
9. dl的使用需要灵活,可以用于别的应用(W3C标准)
10. 永远没有最好的解决办法,只有更合适的选择。