PHP动态网站开发项目实战
上QQ阅读APP看书,第一时间看更新

3.3 经验传递

☆“切图”是网页设计师(或美工)的核心技能,要做到快速“切图”,熟悉CSS是基础,理解CSS盒子模型原理和浮动是关键。

☆ 若页面中需根据内容来调整盒子的高度,可配合使用“height:auto;overflow:hidden”。同时为了避免内容过少而影响页面的美观,还要引入“min-height”属性来设置页面最小高度。

☆ 在页面布局中,若遇到盒子位置问题,能用边距实现的尽量使用边距,若实现不了,需用定位相关知识,其中定位的基准是关键。

☆ 在某些版位,可能需使用图片文字滚动、图上放大等特效,因此需学会常用JavaScript特效的应用。

☆ 学会盒子尺寸的计算,需理解内边距padding属性的定义。若某盒子设置了左边距为20px,为了使盒子原宽度不变,盒子的宽度需减小20px。