DIV+CSS教程_DIV+CSS布局_DIV+CSS实例教程手册-Web标准作者: admin　发布: 2015-1-26 22:42:11　分类: 网站建设　阅读: 次　

　　作为一个专业的seo从业者，必须要有一定的网站设计基础、DIV和CSS基础知识。这样才能更好的帮助你去做SEO。为此，特意整理了DIV+CSS教程、DIV+CSS布局、DIV+CSS实例教程，方便大家阅读学习。这篇文章主要汇总了WEB标准（DIV+CSS）的基础讲解。

　　第一天：XHTML CSS基础知识

　　1. 文档类型

　　2. 语言编码

　　3. html标签

　　4. css样式

　　5. css优先级

　　6. css盒模型组成

　　第二天：一列布局

　　1、 一列固定宽度

　　2、一列固定宽度居中

　　3、一列自适应宽度

　　4、一列自适应宽度居中

　　5、一列二至多块布局

　　第三天：二列和三列布局

　　1、二列自适应宽度

　　2、二列固定宽度

　　3、二列固定宽度居中

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

　　5、float属性

　　6、三列自适应宽度

　　7、三列固定宽度

　　8、三列固定宽度居中

　　9、IE6的3像素bug

　　第四天：纵向导航菜单及二级弹出菜单

　　1、纵向列表

　　2、标签的默认样式

　　3、css派生选择器

　　4、css选择器的分组

　　5、纵向二级列表

　　6、相对定位和绝对定位

　　第五天：超链接伪类

　　1、链接的四种样式

　　2、将链接转换为块状

　　3、用css制作按钮

　　4、首字下沉

　　第六天：html列表

　　1、ul无序和ol有序列表

　　2、改变项目符号样式或用图片定义项目符号

　　3、横向图文列表

　　4、浮动后父容器高度自适应

　　5、IE6的双倍边距bug

　　第七天：横向导航菜单

　　1、横向列表菜单

　　2、用图片美化的横向导航

　　3、css Sprites

　　第八天：下拉及多级弹出菜单

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

　　2、绝对定位和浮动的区别和运用

　　3、css自适应宽度滑动门菜单

　　第九天：CSS表单设计

　　1、改变文本框和文本域样式

　　2、用图片美化按钮

　　3、改变下拉列表样式

　　4、用label标签提升用户体验

　　第十天：div+css网页标准布局实例教程

　　1、 建立站点

　　2、结构分析

　　3、搭建框架

　　4、切割效果图

　　5、布局页面——头部和导航

　　6、布局页面——侧边栏

　　7、布局页面——主体部分

　　8、底部和细节调整

　　9、相对路径和相对于根目录路径

　　10、创建服务器环境

　　11、建立数据库

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

　　13、php读取数据

　　14、页面调试及浏览器兼容