所在的位置: html >> html介绍 >> DIVCSS教程DIVCSS布局

DIVCSS教程DIVCSS布局

第1天:XHTMLCSS基础知识

文件类型

2.语言编码

3.html标签

4.css风格

5.css优先权

6.Css盒模型组成

第2天:列布局

1,固定宽度

2,一列固定宽度居中

3,一列自适应宽度

4,一列自适应宽度居中

5,两对多的布局

第3天:两列和三列布局

1,两列自适应宽度

2,两列固定宽度

如图3所示,第二列具有固定宽度居中

4,xhtml块级元素(div)和内联元素(span)

5,float属性

6,三列自适应宽度

7,三列固定宽度

8,三列固定宽度居中

9,IE6的3像素bug

第4天:垂直导航菜单和辅助弹出菜单

1,垂直列表

2,标签的默认样式

3,css派生选择器

4,css选择器的分组

5,垂直二级清单

6,相对定位和绝对定位

第5天:Hyperlink伪类

1,四种风格的链接

2,将链接转换为块

3,使用css制作按钮

4,第一个词下沉

第6天:HTML列表

1,ul无序和ol有序列表

2,改变子弹样式或使用图片来定义子弹

3,水平图形列表

4,浮动父容器具有高度自适应性

5,IE6双边bug

第7天:水平导航菜单

1,水平列表菜单

2,横向导航带图片美化

3,cssSprites

第8天:下拉菜单和多级弹出菜单

1.带下拉子菜单的导航菜单

2.绝对定位与浮动和应用之间的区别

3,css自适应宽度推拉门菜单

第9天:CSS表单设计

1,更改文本框和文本字段样式

2,使用图片美化按钮

3,更改下拉列表样式

4,使用标签标签来增强用户体验

第10天:div+css网页标准布局示例教程

1,创建一个网站

2,结构分析

3,构建框架

4,切割效果图

5,布局页面-头部和导航

6,布局页面-侧边栏

7,布局页面-主要部分

8,底部和细节调整

9,相对路径和相对于根路径

10,创建服务器环境

11,建立数据库

12,本地和远程服务器连接

13,php读取数据




转载请注明:http://www.aierlanlan.com/rzfs/3122.html