一、HTML和CSS基础--网页布局--如何用css进行网页布局

什么叫做布局?

  又称版式布局,是网页UI设计师将有限的视觉元素进行有机的排列组合。

网页设计的特点

  网页可以自适应宽度

  网页的高度理论上可以无限延长

网页分栏

  分栏又称为分列,常见的布局分为:一列布局、二列布局、三列布局、混合布局

前端工程师是将艺术与技术完美融合的关键岗位。

  一列布局

  通常作为网站首页,适合放置简单的内容,大多固定宽度。

  二列布局

  左left右right

  宽度自适应的话要用百分比来设置

  自适应宽度的二列布局用的很少,一般都是用固定宽度的二列布局

  三列布局

  左中右

如果左右是固定宽度,而中间要自适应宽度,怎样实现?

让左侧div绝对定位,让其停靠在左侧,右侧div绝对定位,让其停靠在右侧,中间设置左右margin值。

  混合布局

  现在网页布局多使用混合布局

上一篇:如何使用JPQL写纯SQL语句


下一篇:DIV+CSS常用网页布局技巧!