CSS 钟晖云 QQ：4797789 Email：4797789@qq.com.

Presentation on theme: "CSS 钟晖云 QQ：4797789 Email：4797789@qq.com."— Presentation transcript:

1 CSS 钟晖云 QQ：

2 如何学习CSS 学习资料 PPT：http://www.ybao.org/book/css
电子教程1： 电子教程2：扫描微信二维码，关注“源宝网络”， 选择菜单 IT教程-Web前端-CSS 源码：电子教程内 编程工具：code.ybao.org 在线源码运行：电子教程内 视频教程：ybao.ke.qq.com 学习QQ群：

3 如何学习CSS 三步学习法参考地址：http://www.ybao.org/book/it- learn 基础理论（少而精）电子教程
上机实训（多动手）源码：电子教程内 项目驱动（做项目）项目实施步骤及源码：电子教程内

4 CSS简介 CSS是什么 CSS发展历史

5 加载CSS 内嵌样式表 行内样式表 外部样式表 引用样式表

6 CSS优先级

7 CSS语法 基础语法 CSS样式的组合与继承 CSS样式中的注释 @charset外部样式指定字符集 @media指定作用媒介

8 CSS选择器 CSS选择器概述

9 CSS选择器 基本选择器 标签选择器 群组选择器 类选择器: id选择器 通配符选择器

10 CSS选择器 关系选择器 包含选择器(E F) 子选择器(E>F) 相邻选择符(E+F) 兄弟选择器(E~F) CSS3

11 CSS选择器 属性选择器 E[att] E[att="val"] E[att~="val"] E[att|="val"]
E[att^="val"] CSS3 E[att$="val"] CSS3 E[att*="val"] CSS3

12 CSS选择器 伪类选择器 伪类 伪类 CSS3

13 CSS选择器 伪元素 伪元素 CSS3

14 CSS属性 字体 颜色和背景 图像透明 文本属性 链接 列表 表格 轮廓

15 CSS格式化排版

16 CSS盒子模型 CSS 盒子模型概述 CSS Border(边框) CSS Margin(外边距) CSS Padding（填充）
盒子模型总尺寸 盒子之间的关系

17 CSS定位

18 CSS样式单位

19 项目实战 用CSS布局表单 CSS 图片廊 图像拼合 图像悬停效果