这套教程是陌小雨刚接触网站建设后自己收藏的，当时对陌小雨的帮助很大，现在分享给大家，免费，不要钱。

可能您现在已经有了一定的基础了，觉得用不上，但我总觉得，只有把基础夯实了，才能走的更远，也能写出更规范的代码和网页。既然来了就是缘，不要错过，先领取收藏了，不要等到失去才后悔，现在能下载就尽快下载，万一以后找不到了呢？你不就后悔了？是吧！

教程目录：

1.1.1 选用符合语义的标签
1.1.2 文档类型和浏览器模式
1.2.2 CSS基本语法
1.2.3 设计第一个实例
1.3.1 CSS选择器概述
1.3.10 包含选择器
1.3.11 分组选择器
1.3.12 指定选择器
1.3.2 标签选择器
1.3.3 ID选择器
1.3.4 类选择器
1.3.5 伪类和伪对象选择器
1.3.6 子选择器
1.3.7 相邻选择器
1.3.8 属性选择器
1.3.9 通用选择器
1.4.1 层叠和特殊性
1.4.2 继承
1.5.1 对文档应用样式
1.5.2 对代码进行注释
1.6.1 CSS属性
1.6.2 CSS单位
1.6.3 设置颜色
2.1.1 定义字体类型
2.1.10 定义字间距和行间距
2.1.11 定义行间距
2.1.12 定义缩进
2.1.2 定义字体大小
2.1.3 定义字体颜色
2.1.4 定义字体粗细
2.1.5 定义斜体字体
2.1.6 定义下划线、删除线和顶划线
2.1.7 定义字体大小写
2.1.8 定义文本对齐
2.1.9 定义垂直对齐
2.2.1 设计百度Logo
2.2.2 设置标题样式
2.2.3 设置正文样式
2.2.4 设置文本样式
2.2.5 设置文本段样式
2.2.6 设置段落版式样式
2.2.7 设计单页图文混排版式
3.1.1 定义图片边框
3.1.2 定义图片大小
3.1.3 定义图片的横向对齐
3.1.4 定义图片的纵向对齐
3.1.5 设置文字环绕效果
3.2.1 图文混排
3.2.2 图片布局
3.2.3 多图排列
3.2.4 阴影图片
3.2.5 圆角图片
3.2.6 设计圆角栏目
4.1.1 设置页面背景色
4.1.2 设置背景色给页面分块
4.1.3 定义背景图片
4.1.4 背景图片的重复
4.1.5 定义背景图片的位置
4.1.6 固定背景图片
4.2.1 设置网页背景颜色
4.2.2 设置带花纹边框
4.2.3 设置永远固定的背景
4.2.4 设置圆润的栏目模块
4.2.5 设计分栏版式
4.2.6 设计滑动门菜单
4.2.7 设计灯箱广告
4.2.8 设计博客首页效果
5.1.1 设置列表项符号
5.1.2 定义项目的图片符号
5.1.3 列表的横竖转换
5.2.1 设计新闻栏目
5.2.2 设计导航菜单
5.2.3 设计多级菜单
5.2.4 列表排版的应用
5.2.5 使用列表实现图文混排效果
6.1.1 设置表格颜色
6.1.2 设置表格边框
6.2.1 美化表格
6.2.2 设计高效的表格
6.2.3 让表格更易用
6.2.4 表格布局
7.1.1 表单基本结构
7.1.2 设置基本样式
7.1.3 定义字体样式
7.1.4 定义边框样式
7.1.5 定义背景样式
7.2.1 设计多彩下拉菜单样式
7.2.2 设计注册表单
7.2.3 设计调查表
7.2.4 设计反馈表
8.1.1 设置链接样式
8.1.2 设计下划线样式
8.1.3 设置类型指示样式
8.1.4 定义按钮样式
8.1.5 定义已访问样式
8.1.6 链接提示样式
8.2.1 鼠标样式
8.2.2 设计菜单样式
8.2.3 设计苹果导航菜单
8.2.4 块状选项卡
8.2.5 图片浏览
9.1.1 认识盒模型
9.1.2 外边距
9.1.3 内边距
9.1.4 边框
9.1.5 宽和高
9.2.1 设置文档类型
9.2.2 选择标签
9.2.3  案例实战：尝试重构禅意花园
9.3.3 网页排版基本方法
9.4.1 布局空间
9.4.2 布局位置
9.4.3 布局环绕
9.4.4 清除浮动
9.4.5 布局嵌套
9.4.6 调整布局间距
9.5.1 两列布局
9.5.2 三列布局
10.1.1 认识position
10.1.2 静态定位
10.1.3 绝对定位
10.1.4 相对定位
10.1.5 固定定位
10.2.1 参照对象
10.2.2 坐标值
10.2.3 定位的特殊性
10.3.1 层叠顺序
10.3.2 嵌套层叠顺序
10.3.3 CSS层叠框
10.3.4 CSS层叠常见问题
10.4.1 画册式网页布局
10.4.2 展览式网页布局
10.4.3 浪漫式网页布局
11.1.1 认识IE条件语句
11.1.2 IE条件语句基本用法
11.1.3 案例实战：设计兼容的多级菜单
11.2.2 设置Layout特性的方法
11.2.3 问题1：不能自动展开包含框
11.2.4 问题2：包含浮动布局的问题与处理
11.2.5 问题3：相邻浮动布局的问题与处理
11.2.6 问题4：列表布局的问题与处理
11.2.7 问题5：定位布局的问题与处理
11.3.1 兼容IE 6版本浏览器
11.3.2 兼容IE 5系列版本浏览器
11.3.3 兼容IE 7版本浏览器
11.3.4 兼容FF等标准浏览器
11.3.5 问题1：超链接的Bug
11.3.6 问题2：内容与背景分离的Bug
11.3.7 问题3：IE6躲躲猫Bug
11.3.8 问题4：IE6多余字符Bug
11.4.1 3列等高布局
11.4.2 3列浮动布局
12.1 网站页面效果分析
12.2 首页策划设计
12.3.1 画草图和设计图
12.3.2 切图
12.3.3 主体重构
12.4.1 设计页面基本样式
12.4.2 设计页头布局和样式
12.4.3 设计搜索和幻灯区布局和样式
12.4.4 设计左侧引导区布局和样式
12.4.5 设计内容区样式
12.4.6 设计右侧专题栏样式
13.1 网站页面效果分析
13.2 首页策划设计
13.3.1 画草图和设计图
13.3.2 切图
13.3.3 主体重构
13.4.1 设计页面基本样式
13.4.2 设计页头布局和样式
13.4.3 设计主要新闻区布局和样式
13.4.4 设计分类新闻区布局和样式
14.1.1 在网页中嵌入JavaScript脚本
14.1.2 JavaScript脚本在文档中的位置
14.1.3 解决JavaScript脚本与CSS样式冲突
14.2.1 认识Style对象
14.2.2 读写行内样式
14.2.3 读写样式表中样式
14.2.4 访问网页实际样式
14.4.1 读取元素的长宽样式值
14.4.2 使用offsetWidth和offsetHeight读取元素的尺寸
14.4.3 读取复杂结构中元素尺寸
14.4.4 读取浏览器窗口大小
14.5.1 在窗口中的位置
14.5.2 相对父元素的位置
14.5.3 相对包含块的位置
14.5.4 定义偏移位置
14.5.5 定义相对位置
14.5.6 确定光标位置
14.5.7 确定光标相对位置
14.5.8 确定滚动条的位置
14.5.9 定义滚动条的位置
14.6.1 设置显隐效果
14.6.2 设置透明度
14.6.3 控制动画时长
14.6.4 设计滑动效果
15.2.1 CSS样式表
15.2.2 XSL样式表
15.3.1 直接嵌入CSS样式
15.3.2 导入外部CSS样式表文件
15.4.1 设计诗情画意图文效果
15.4.2 设计新闻版面效果
16.2.1 通道（Alpha）
16.2.10 阴影（Shadow）
16.2.11 X射线（Xray）
16.2.12 浮雕（Emboss）
16.2.13 波浪（Wave）
16.2.2 模糊（Blur）
16.2.3 运动模糊（MotionBlur）
16.2.4 透明色（Chroma）
16.2.5 翻转（Flip）
16.2.6 光晕（Glow）
16.2.7 灰度（Gray）
16.2.8 反色（Invert）
16.2.9 遮罩（Mask）
16.3 案例实战

保存好后就可以在线观看学习了。

请输入验证码查看内容

验证码：

微信扫码，回复关键字“92wp”获取验证码即可查看