《十天学会web标准(div+css)》之第二天

　　《十天学会web标准(div+css)》之第二天：一列布局

　　今天我们开始学习《十天学会web标准(div+css)》的一列布局，包含以下几种形式：

　　（1）一列固定宽度

　　（2）一列固定宽度居中

　　（3）一列自适应宽度

　　（4）一列自适应宽度居中

　　（5）一列二至多块布局

　　前一节我们回顾了xhtml基础和css基础部分，今天我们正式开始使用网页制作软件—adobe公司出品的dreamweaver来开始网页设计之旅。相信之前您已经用过这个软件了，具体怎么使用我就不讲了。为了照顾部分朋友，今天课程的css部分我们是以可视化生成方式，不过建议大家能手写的尽量还是手写，这样有助于提高效率。

　　一、一列固定宽度

　　我们先看一下一列固定宽度，首先要新建一个页面：



　　如图所示，CSS语法由如下三部分构成，选择器：可以是ID、CLASS或标签；属性和值是用来定义这个物件的某一个特性。如一张桌子的长120cm，宽60cm，套用css的格式为，桌子{长:120cm;宽:60cm;}，这样是不是容易理解。

　　4、ID和CLASS选择器

　　id只能在页面中对应一个元素，就像我们的身份证号一样，每个人的都不一样；class为类，可以对应多个元素，比如说一年级三班的学生，它所对应的可能是10个20个学生。

　　id的优先级高于class，比如说今天三班的学生上体育课，小明留下来打扫卫生。那么三班的学生上体育课这是一个类，而小明打扫卫生这是个id，虽然小明也是三班的学生，但id高于class，所以小明执行打扫卫生的任务。