浅谈CSS网页的几种布局

认识布局:

以最适合浏览的方式将图片和文字排版放在页面不同的位置;布局模式有多种,不同的制作者会有不同的布局设计。

为什么要学习网页布局?只因制作一个网页的基础。

布局方式:

| 行布局
|
| 多列布局
|
| 混合布局
|
| 圣杯布局
|
| 双飞翼布局
|

*:学习之前需要掌握以下基础

| HTML和CSS基础(不熟练建议大家返回继续看读写)
|
| 会使用DIV+CSS进行排版 |
| 属性float属性与position属性
|

行布局:

基础的行布局

浅谈CSS网页的几种布局_第1张图片

行布局自适应

浅谈CSS网页的几种布局_第2张图片

行布局自适应限制最大宽度

你可能感兴趣的:(css,前端,css教程,前端开发,Web前端)