css样式设置的教案
css样式的设置
【教学内容】
讲解网页设计的中的css样式的设置
【教学目的】
使学生理解并掌握css样式的设置，学会怎么样引用样式和常见的样式的设置。【教学重点】
Css样式的引用方法、类和id的定义的方法。
【教学难点】
Css样式的引用。
【教学方式】
讲授式、讨论式、案例分析式。
【教学参考】
1、《网页设计与制作》中职教育
【新课内容】
一、情景导入
首先引入我们平时在上网时，打开的浏览器看到的网页，这些网页美观，并且网页布局合理，然后简单的介绍这些网页是怎么做出来的，所用到的技术，然后引出今天要学的css样式，利用css样式来对网页进行布局和美化。
二、教学过程
1、样式的引用
老师在上面讲解样式引用有多少种方法，然后对每一种方法进行讲解：
（1）首先讲解内嵌样式的引用，老师在上面进行讲解内嵌样式的使用方法，老师在上面进行演示，学生在下面跟着老师进行操作，并且老师在上面边操作边解释，然后老师用一个实例来进行讲解即实例
这个内嵌样式(Inline Style)定义段落里面的文字是20pt字体，字体颜色是红色。
（2）内部样式表讲解，老师然后把学生引到用另一种方法来进行设置样式，老师对学生说“我们也可以用另一种来进行样式的设置，下面我们来讲解内
部样式表”，老师先解释内部样式的概念，然后在上面进行演示操作，然后用实例来进行应用，老师在下面巡视指导
实例
（3）外部样式表：老师先给学生讲解外部样式的概念和用法，然后老师在台上进行演示并操作，老师在下面进行巡视指导学生操作，老师并讲解一个实例来
二、class和id的引用
（1）class的定义方法：首先老师引出刚才我们在样式的定义中，样式前为什么加一个点号，然后老师进行解释，并引出class类的定义，老师在上面进行边操作边解释使用方法和概念，并用让学在完下面的实例
用class方法来定义字体的大小，老师在下面进行指导。
（2）id的定义方法：<指定标签id="id名">,老师在上面进行讲解id的使用方法和概念，然后用一个实例来进行讲解，让学生在下面完任务，老师在下面进行指导学生操作
（3）标签样式的设置，老师讲解标签样式的设置与前两者之间有什么不同，进行对比区分，然后进行讲解标签的用法和概要，然后老师用一个实例来进行讲解，学生在下面进行操作，老师在下面进行指导。
【课后小结】
通过学习样式的引用、class和id的定义，使学生能掌握css样式中的样式的引用和使用，同时也让学生掌握样式的定义
【作业】
课后设计一个网页，主题自行定义。
用CSS设置图片效果
For personal use only in study and research; not for commercial use 用CSS设置图片效果 一、图片样式 1，图片边框 Java代码 1.img.test1 { 2.border-style: dotted; /*点划线*/ 3.border-color: #FF9900; /*边框颜色*/ 4.border-width: 5px; /*边框粗细*/ 5.} 6.img.test2 { 7.border-style: dashed; /*虚线*/ 8.border-color: blue; /*边框颜色*/ 9.border-width: 2px; /*边框粗细*/ 10.} 11.img.test3 { 12. border-style: dotted; /*左边框点划线*/ 13. border-left-color: #FF9900; /*左边框颜色*/ 14. border-left-width: 5px; /*左边框粗细*/ 15. border-right-style: dashed; /*右边框虚线*/ 16. border-right-color: #33CC33; /*右边框颜色*/ 17. border-right-width: 2px; /*右边框粗细*/ 18. border-top-style: solid; /*上边框实线*/ 19. border-top-color: #CC00FF; /*上边框颜色*/ 20. border-top-width: 10px; /*上边框粗细*/ 21. border-bottom-style: groove; /*下边框3D凹槽*/ 22. border-bottom-color: #666666; /*下边框颜色*/ 23. border-bottom-width: 15px; /*下边框粗细*/ 24.} 25.img.test4 { 26. border: 5px double #FF00FF
css图片样式
春节古时叫“元旦”。“元”者始也，“旦”者晨也，“元旦”即一年的第一个早晨。《尔雅》，对“年”的注解是：“夏曰岁，商曰祀，周曰年。”自殷商起，把月圆缺一次为一月，初一为朔，十五为望。每年的开始从正月朔日子夜算起，叫“元旦”或“元日”。到了汉武帝时，由于“观象授时”的经验越来越丰富，司马迁创造了《太初历》，确定了正月为岁首，正月初一为新年。此后，农历年的习俗就一直流传下来。 据《诗经》记载，每到农历新年，农民喝“春酒”，祝“改岁”，尽情欢乐，庆祝一年的丰收。到了晋朝，还增添了放爆竹的节目，即燃起堆堆烈火，将竹子放在火里烧，发出噼噼啪啪的爆竹声，使节日气氛更浓。到了清朝，放爆竹，张灯结彩，送旧迎新的活动更加热闹了。清代潘荣升《帝京岁时记胜》中记载：“除夕之次，夜子初交，门外宝炬争辉，玉珂竞响。……闻爆竹声如击浪轰雷，遍于朝野，彻夜无停。” 在我国古代的不同历史时期，春节，有着不同的含义。在汉代，人们把二十四节气中的“立春”这一天定为春节。南北朝时，人们则将整个春季称为春节。1911年，辛亥革命推翻了清朝统治，为了“行夏历，所以顺农时，从西历，所以便统计”，各省都督府代表在南京召开会议，决定使用公历。这样就把农历正月初一定为春节。至今，人们仍沿用春节这一习惯称呼。