CSS新手完全自学教程(彼岸苏安)2012.ppt

第1章 CSS是什么;1.1 CSS是什么;1.1.1 什么是Cascade;1.1.2 层叠的样式 ;1.1.3 表的作用 ;1.2 CSS的发展历程;1.2.1 关于HTML;1.2.2 设计HTML的目的;1.2.3 HTML的特点;1.2.4 CSS的传奇历程;1.3 建立网站和浏览网站;1.3.1 什么是服务;1.3.2 服务的场所;1.3.3 创建服务场所---建立网站;1.3.4 创建服务内容---网页的上传;1.3.5 开启网页发布服务;1.3.6 用户浏览网站的过程;1.4 CSS在网站开发框架中的地位;1.5 制作CSS需要考虑的问题;1.5.1 对于不同用户的照顾;1.5.2 对于不同浏览器的照顾;1.5.3 对于网站浏览速度的关注;1.6 小结;第2章 CSS初体验;2.1 实验一：寻找CSS;2.1.1 浏览器与网页的外观;2.1.2 找到样式表;2.1.3 先模仿后进步;2.2 Hello CSS! – 3种CSS ;2.2.1 CSS的3个种类;2.2.2 在Dreamweaver中创建CSS-利用Dreamweaver提供的模版;2.2.3 在Dreamweaver中创建CSS-自定义创建;2.3 实验二：你的第一个样式表;2.3.1 使用行内样式表;2.3.2 使用内部样式表;2.3.3 使用外部样式表;2.3.4 各种样式表的优先级;2.4 小结 ;第3章 开启CSS的大门;3.1 背景让HTML页面更漂亮;3.1.1 控制网页的背景;3.1.2 HTML的颜色表示方法;3.1.3 如何获取屏幕颜色;3.1.4 网页文件的路径;3.1.5 控制页面上的文字;3.1.6 给文字增加更多效果;3.2 文本的排版;3.2.1 文本的缩进;3.2.2 文本的对齐;3.2.3 改变文本字符间距;3.2.4 文字的其他设置;3.3 关于HTML的链接;3.3.1 链接和A标签;3.3.2 A标签的实例;3.3.3 A标签的几种状态;3.4 利用图片丰富HTML外观;3.4.1 在网页中插入图片;3.4.2 网页中能显示所有的图片吗？;3.4.3 改进图片的显示-给图片镶边;3.4.4 防止图片被盗用的一个技巧;3.4.5 实验：制作一页包含图文的电子简历;3.5 小结;第4章 学习一点CSS的语法 ;4.1 再访HTML;4.1.1 组成HTML页面的细胞 --- 标签;4.1.2 CSS规则的具体写法;4.1.3 标签应用CSS规则的具体写法;4.1.4 CSS选择器的种类-八种武器;4.1.5 伪类;4.1.6 伪类的排列顺序;4.2 盒模型;4.2.1 块元素、内联元素和可变元素;4.2.2 盒模型;4.3 文档类型;4.4 小结;第5章 组织：熟悉Span与Div;5.1 属性与事件;5.1.1 什么是属性;5.1.2 属性的种类：基本属性，扩展属性;5.1.3 什么是事件;5.1.4 特别的属性：事件属性;5.2 Span是什么;5.2.1 Span有名字 - ID属性;5.2.2 Span的所在班级 – Class属性;5.2.3 Span的职务 – Title属性;5.2.4 Span的外貌 – Style属性;5.2.5 Span的Dir属性;5.2.6 Span能说方言 – Lang属性;5.2.7 鼠标左键发生的事情 --- OnClick/OnDblClick;5.2.8 其他的事件;5.3 Div标签;5.3.1 Div标签与Span标签的不同;5.3.2 Div标签的属性;5.4 小结;第6章 装载数据的擎天柱 --- 表格;6.1 表格的外观与结构;6.2 再访盒模型：单元格;6.2.1 再访盒模型与俄罗斯套娃;6.2.2 修改盒子的宽度;6.2.3 单元格的重要属性;6.3 表格的边框;6.3.1 表格边框的两种模式;6.3.2 设置边框的颜色、类型、粗细;6.3.3 表格边框的其他属性;6.3.4 边框样式规则的冲突问题;6.4 表格的外边距;6.5 表格家族的其他标签;6.5.1 行标签;6.5.2 表头标签;6.5.3 表内容标签;6.5.4 表格题目标签;6.6 实验：设计并实现颜色交替的表格;6.6.1 简单的需求分析;6.6.2 代码实现;6.6.3 进一步思考;6.7 小结;第7章 表单 ;7.1 表单家族介绍;7.1.1 Form标签;7.1.2 表单如何提交;7.1.3 Form标签在浏览器中的外观;7.1.4 形形