3Div+CSS布局.pptVIP

DIV+CSS布局 要点回顾 * 1.什么是CSS？ 2.CSS基本语法结构？ 3.CSS样式有哪几种类型？ 4.CSS选择符有哪几种类型？ 5.创建、编辑 和应用CSS样式表 * DIV+CSS布局 1 常用基本布局类型 2 3 4 布局元素DIV TIPS * 在符合Web标准的网页布局中，首选的就是DIV元素。而DIV元素在XHTML中最大的作用，就是在布局设计时作为其他对象的容器。 DIV标签属于块级元素，每一个DIV标签都独立的占据一行，要使指定的几个DIV标签列为一行，需要在CSS中对其float属性进行定义。 3.1　布局元素DIV * 是最简单、最基本的布局类型，也是各种布局类型的基础。 1. 单行单列式固定宽度布局： 　 3.2　常用基本布局类型 #single{ width:300px; height:200px; margin:0 auto; color:#FF0; text-align:center; background:#2A1FAA; } * 运行效果： 　 3.2　常用基本布局类型 * 与前者最大的不同就是它会随着窗口的宽度而改变自身的宽度。 2. 单行单列式自适应宽度布局： 　 3.2　常用基本布局类型 #single{ width:75%; height:200px; margin:0 auto;