17370845950

调整一下。 网页制作是计算机专业同学在大学期间dou会接触到的一门课程， 而学习网页制作所用的第一个集成开发环境想必大多是Dreamwe*er，这种所见即所得的“吊炸天”IDE为我们制作网页带来了极大的方便。

总的来说... 入门快、见效快让我们在不知不觉中Yi经深深爱上了网页制作。此时hen多人会陷入一个误区，那就是既然借助这么帅的IDE，通过鼠标点击菜单就Ke以快速方便地制作网页。

一、理解布局的基本概念

先说说我们要明确什么是布局。布局就是将网页中的元素按照一定的规则进行排列，使得页面kan起来既美观又实用。在Web前端开发中，布局主要分为两种：固定布局和响应式布局。

固定布局指的是网页在不同设备上显示的宽度dou是固定的，而响应式布局则是根据设备的屏幕尺寸自动调整网页的布局。

1. 固定布局

推倒重来。 固定布局比较简单，我们通常使用CSS的`width`和`height`属性来设置元素的宽度和高度。