什么叫做布局?
又称版式布局,是网页UI设计师将有限的视觉元素进行有机的排列组合。
网页设计的特点
网页可以自适应宽度
网页的高度理论上可以无限延长
网页分栏
分栏又称为分列,常见的布局分为:一列布局、二列布局、三列布局、混合布局
前端工程师是将艺术与技术完美融合的关键岗位。
一列布局
通常作为网站首页,适合放置简单的内容,大多固定宽度。
二列布局
左left右right
宽度自适应的话要用百分比来设置
自适应宽度的二列布局用的很少,一般都是用固定宽度的二列布局
三列布局
左中右
如果左右是固定宽度,而中间要自适应宽度,怎样实现?
让左侧div绝对定位,让其停靠在左侧,右侧div绝对定位,让其停靠在右侧,中间设置左右margin值。
混合布局
现在网页布局多使用混合布局