什么是样式？样式有哪些作用？样式的书写？

      CSS（Cascading Style Sheets）层叠样式表，主要作用：装饰页面、排版布局。

      1、装饰：对于元素进行装饰，例如背景颜色、边框线、字体....

      2、布局排版：对元素的排版控制，例如元素与元素之间的距离、位置、元素的高度....

【 案例展示 】

学习任务

重点、难点

突破方法

1. CSS的基本语法

1. CSS的基本语法。

2. 教学难点：child与of-type系列。

采用翻转课堂、项目导入的教学模式，采用分组讨论、案例教学、演示动画等教学方法，运用在线教学平台。

知识目标

能力目标

素质目标

1.掌握基本的CSS的使用。

2.掌握不同系列的CSS样式使用。

1.能够熟练应用CSS进行外观样式的修改。

2.能进行页面的排版与布局。

1. 养成积极主动学习意识；

2. 养成勤于动手的习惯；

3. 培养团队合作能力。

课程思政——社会责任感

【 视频讲解】

知识储备及案例实现

1、CSS3定义服务器字体1

2、CSS3定义服务器字体2

3、CSS3文本外观属性1

4、CSS3文本外观属性2

5、CSS3属性选择器1

6、CSS3属性选择器2

7、CSS3关系与伪对象选择器1

8、CSS3关系与伪对象选择器2

9、CSS3结构伪类选择器-child系列1

10、CSS3结构伪类选择器-child系列2

11、CSS3结构伪类选择器-tyep系列1

12、CSS3结构伪类选择器-tyep系列2

13、CSS3 UI元素状态伪类选择器

14、CSS3案例表格的隔行变色

【 资料下载 】

单元设计

CSS基本语法

课程教案

CSS基本语法

演示文稿

CSS基本语法

任务工单

CSS基本语法

案例源码下载

        Text-overflow

        text-shodow

        定义服务器字体

        隔行变色

        属性选择器

        伪对象选择器

        兄弟选择器

课内同步项目

     child系列.rar

课外扩展项目

     of-type系列.rar

练习题

 1、练习1

疑难问题解答

1、CSS的基本应用技巧。