繁體中文 订阅Rss
您现在的位置:首页 >> 网站制作 >> 内容

DIV+CSS教程_DIV+CSS布局_DIV+CSS实例教程手册-Web标准

时间:2014-11-18 15:35:21 点击:81

摘要:作为一个专业的seo从业者,必须要有一定的网站设计基础、DIV和CSS基础知识。这样才能更好的帮助你去做SEO。为此,特意整理了DIV+CSS教程、DIV+CSS布局、DIV+CSS实例教程,方便大...

作为一个专业的SEO从业者,必须要有一定的网站设计基础、DIVCSS基础知识。这样才能更好的帮助你去做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、页面调试及浏览器兼容

注:《DIV+CSS教程_DIV+CSS布局_DIV+CSS实例教程手册-WEB标准》内容版权归原作者 标准之路-杨雨晨思 所有。

转载请保留原文地址: http://www.100181.com/show-500.html

责编:孟涵 作者:不详 来源:网络