下面是小编为大家整理的Web前端设计基础教程（第3.3节--弘扬工匠精神，养成精益求精习惯）思政案例：CSS3初级选择器,供大家参考。
课程思政 教学导引 （HTML5+CSS3 Web 前端设计基础教程 第 2 版 ）
思政案例：CSS3 初级选择器 （第 3 章 第 3.3 节）
一、思政目标 本节课思政元素从 CSS 3 初级选择器基本知识切入，在讲解分散知识点的前提下，教育学生从“细”做起，从“小”着手，重点培养学生新时代工匠精神中爱岗敬业的操守精神，兢兢业业，尽职尽责，不断激发正能量，进一步提高业务水平。
学生要通过掌握每一个初级选择器的使用方法，完成好每一次课堂案例实践等“小事”学习践行工匠精神，领悟工匠精神的真谛。
二、教学设计 1．课前 提出关于工匠精神的背景。2021 年 4 月，全国职业教育大会召开，明确指出要“弘扬工匠精神，提高技术技能人才社会地位，为全面建设社会主义现代化国家、实现中华民族伟大复兴的中国梦提供有力人才和技能支撑”。
关于工匠精神的内涵可以概括为三个方面，思想层面：爱岗敬业、无私奉献；行为层面：开拓创新，持续专注；目标层面：精益求精、追求极致。
2．课中 在教师讲解专业课程内容过程中，指导学生完成每一个课堂实践案例，要求学生脚踏实地地勤勤恳恳为“工”，兢兢业业为“匠”，认真完成学业任务，注重培养学生敬业精神。
3．课后 要求学生课后反思回顾，根据课堂所学所思，深入体会兢兢业业，尽职尽责的工匠精神。将工匠精神在实践中创新，脚踏实地、不能好高骛远。
三、教学实施 （一）思政元素贯穿 1．讲解专业知识 教师在回顾前导课知识基础上，让学生了解即将学习的诸多初级选择器种类：通配符选择器、类型选择器、类选择器、ID 选择器、后代选择器…... （1）通配符选择器 在编写代码时，用“*”表示通配符选择器，其作用是定义页面所有元素的样式。虽然“*”的作用甚大，但需谨慎使用。
（2）类型选择器
2 课程思政-- HTML5+CSS3 Web 前端设计基础教程 2 类型选择器是指以网页中已有标签类型作为名称的选择器，如 body、header 和 p 等。
（3）类选择器 类选择器用于定义页面中公共部分的样式，通过直接引用元素中 class 属性的值而产生效果。这个应用前面总是有一个句点“.”。这个句点用来标识一个类选择器，类名可以随意命名，但最好根据元素的用途来定义一个有意义的名称。
2．引入思政主题 教师在逐个讲解 CSS3 初级选择器的同时，应该培养学生沉稳的学习习惯，内化工匠精神，对每一个知识点品精心打磨、专心雕琢，使学生树立正确的学习动机，进一步培养在工作中执著钻研、精益求精的工匠精神。
例如，师生要对课前导学中出现的重难点问题共同予以解决。在解决问题的过程中，可以促使学生养成术业专攻、精雕细琢、精益求精的职业素养；在实践操作中，通过教师点评、小组互评、学生操练和反复完善，可以获得专业理论知识转变为直接生产力的成就感，使学生领略到专业魅力，从而提升爱岗奉献的敬业精神和锲而不舍、勇于创新、吃苦耐劳的职业品质。翻转课堂的头脑风暴、摇一摇选人、辩论讨论、举手抢答等有趣的课堂活动环节，更是增强了学生对工匠精神的直观感受，实现了工匠精神的有效内化。
3．思政资料或案例 近年来，工匠精神成为一个热词，引起全社会的普遍关注和热烈反响。古代的工匠对产品精心打磨、专心雕琢，视产品品质如生命，专注技艺提高，不忘技艺传承，尊师重道，始终坚持以打造最优质的产品为立身之本，始终坚持“修身正己”的做人准则和“经世致用”的利民情怀。古代工匠精神围绕道德精神这一中心，表现为敬业奉献的职业态度、精益求精的专业精神和爱国为民的人文素养。
进入新时代，我国正强力推进制造业转型升级，加快经济新旧动能转换，工匠已不再局限于手工业劳动者。新时代背景下，工匠精神在继承爱国奉献、追求卓越、执着专一精神的基础上注入新内涵。新时代工匠精神的内涵包括：新益求新的创新精神、求精尚美的实践精神、爱岗敬业的操守精神、合作包容的海涵精神、勇于担当的责任精神、以人为本的人文精神。
【素材资料 1】
资料来源：中国教育报
作者：朱孝平
题目：更好地理解工匠精神的实质（节选）
工匠精神是千百年来工匠在劳动实践中展现出来的风采和神韵，体现了技术尖兵的优秀品质。工匠精神承载着职业精神的核心价值，对职业教育的人才培养具有重要统领意义。通过对一线从业者的深度访谈，从他们质朴的话语中提取关键成分，发现工匠精神的实质可以用三句话加以完整描述。
第一，我只做这一件事。我们内心尊敬的匠人，他们一生都只做一件事，这件事是他的兴趣所在，就像是他们生命的一部分。当然工匠精神的表现不止于此，还有更多的人表现在“干一行爱一行”，在国家的建设中，曾有无数的劳动者就像是螺丝钉，祖国需要在哪里，就把自己钉在哪里。除此之外，工匠精神还有当下的意义，即只做当下这件事，不分心，不受外来干扰。由此可见，工匠精神的第一要义是专注，即专注于要做的事，无论这件事是他自己喜欢的、追求的，还是外部要求的、组织需要的，做的时候就不分心，全力以赴。
第二，我要把它做得越来越好。把事情做得越来越好是一种态度，表明对自己承担事务的负责，它更是一种“向好”的思维，背后是反思的习惯，即通过反思不断做出行动的改进。我们发现，那些有反思习惯的人往往有自己内心的“要求”，他做事的标准总是高于他人，这是一种很了不起的标准，正是这样的标准引导着做事的结果不断“向好”。因此工匠精神的第二要义是精进，即在原来的基础上做得更好，有了这种精神，即便是起点低、水平差，输出的结果也会不断“优化”，由不完美走向完美。
第三，我乐在其中。那些真正的工匠与一般人相比有一个重要的特征，他们工作乐在其中。这种乐有几个层次的成分，首先是一种“参与其中的乐”，只要做这件事，他就是快乐的；其次是一种“获得成就的乐”，当作品完成，达到自己内心要求时体验到的满足；再其次是一种“自我成长的乐”，通过自己的努力，服务他人的能力不断提升，为人处世达到了新境界。因此，工匠精神的第三个要义是乐业，不论做什么，都积极体验其中的乐趣，并通过主动赋予意义，获得工作动力的输入，成为一个有自我工作动机的人。
【素材资料 2】
资料来源：央视网
题目：青年技术员刘圆圆：在航天材料世界里挥洒青春（节选）
从长征五号系列火箭上的发动机高温燃气系统，到“天舟一号”装载的低温锁柜……气凝胶产品已经在二十几型航天装备上获得应用。这个气凝胶材料背后的科研团队来自中国航天科工三院 306 所。
今年是青年技术人员刘圆圆加入 306 所气凝胶材料团队的第五年。2016 年，即将从清华大学毕业的博士生刘圆圆站在人生选择的岔路口，曾经也会因为没有具体的职业理想而抓头苦想。当她听到学校“入主流、上大舞台、干事业”的倡导时，心中理想的轮廓也清晰起来——“要去一个能‘干大事业’的地方！”
图1
工作中的刘圆圆 刚到所里，刘圆圆主要从事预研工作，开展前沿的技术研究，为企业长远发展提供技术储备。“对于新材料研发，刚开始主要关注它的一些关键性能。”用她的话说，要抓住材料的一个“长处”，把长处的性能做得极致才行。
半年后，她就接到了一个紧迫的任务——所里通过方案论证，决定使用她所在团队正在
4 课程思政-- HTML5+CSS3 Web 前端设计基础教程 4 研制的一种新型的热防护材料，来解决型号的燃眉之急。
刚入职半年就接到这么重大的任务，其中的压力不言而喻。尽管如此，刘圆圆选择抓住这次锻炼成长的机会。当她想到，未来天上飞的、地上跑的、水里游的型号装备或民用产品里，可能会用到她参与研制的材料，心里有说不出的激动。
就这样，在做预研工作的同时刘圆圆也肩负起了型号研究的新任务。可是，“新”就意味着更多的不确定性、更多的未知。问题很多，困难很多，但是留给她和同事们的时间少得可怜。
为了节约时间，团队选择多条线路并行，同时开展大量试验。材料性能考核来不及等风洞试验，他们就用石英灯、马弗炉先模拟；研究周期来不及等优化的结果出来，他们就把所有条件都先试一遍；方案还没托底，就随时把新的方案准备好，永远都要有备选方案。
短短半年多的时间里，她与团队成员共同开展 200 余组对比试验，开发出性能依次提升的五代改性气凝胶产品，性能优于其他竞争单位，为后续材料在多个型号上的推广应用奠定了基础。
刘圆圆所在的团队——306 所第五技术部预研组是一个有着 17 名博士的创新团队。作为这个团队的组长，她继承老一辈航天人严慎细实的工作作风，以身作则，工作中充分践行“零缺陷”“一次做对”的准则；她坚持营造分享交流的良好氛围，让来自不同专业背景的组员取长补短；她制定完善有利于科研创新的机制，让每一个青年科技工作者都能充分迸发创新潜能……在她的带领下，团队创新成果层出不穷——研制的气凝胶材料已经发展出了十几个分支、二十几个产品，正应用在武器装备、深空探测、工业保温、建筑节能、新能源汽车等多个领域，未来还会拥有更广阔的应用空间。
4．提炼思政中心思想 （1）认识工匠精神的内涵 新时代工匠精神是一种新益求新的创新精神。工匠不再是一味地机械劳动，而是保持独立人格，对技术产品不断更新改良。注入了突破和创新元素的工匠精神更加富有时代气息和生命活力，将为“中国创造”提供不竭动力。
新时代工匠精神是一种求精尚美的实践精神。工匠并不是进行简单劳动，而是对产品进行再加工、再创造。从设计构思到定型生产整个过程，记录着工匠劳作的痕迹，体现着工匠臻于完美的追求。
新时代工匠精神是一种爱岗敬业的操守精神。工匠唯有热爱和敬畏从事的职业，才能淡泊名利，兢兢业业，尽职尽责，不断激发正能量，进一步提高业务水平。
新时代工匠精神是一种合作包容的海涵精神。新时代是团结协作、合作共赢的时代，“单打独斗”已经过时，“闭门造车”已不合潮流，工匠个人的成功越来越依赖于团队的合作。工匠只有善于吸收借鉴，取长补短，资源共享，才能积累新经验，取得新成就。
新时代工匠精神是一种勇于担当的责任精神。工匠对产品质量的不懈追求体现的是责任和担当。大国工匠在平凡岗位上成就非凡业绩，重要的是他们牢固树立了服务民生的责任意识，内心树立着一座爱与责任的丰碑。
新时代工匠精神是一种以人文本的人文精神。工匠把人的审美、价值和需求注入个性化定制和柔性化生产的创作过程中，细微之处匠心雕琢。只有坚持人本化定位，才能生产出消
费者满意的产品。
（2）工匠精神是学生实现自身价值的需要。
工匠精神的培育绝非一日之功，必须靠点滴不懈的坚持和日常精心打磨。工匠精神深刻影响学生的职业行为，是决定学生职业生涯发展的核心因素。企业在关注学生必备的专业理论和技能的同时，更看重工作态度、责任担当、创新精神、团队精神和实践精神。学生只有不断学习践行工匠精神，努力提高自身职业素质，才能成为企业青睐的“宠儿”，在岗位上做出更大贡献，为社会创造更大价值，实现自己的职业理想和人生价值。
5．继续专业课程内容 （1）ID 选择器。
（2）后代选择器。
（3）…… （4）课程进度根据学生掌握熟练度自行掌握。
（三）思政总结 通过课后拓展固化工匠精神。例如，在翻转课堂中，课堂的结束并不意味着学习的结束。课后，学生要对知识、能力、素养的提升进行总结，把上课过程中的案例以及出现的错误问题反复练习。教师要根据岗位目标、学生的学习效果及时调整下次课程的课前、课中资源推送和活动开展情况，为工匠精神在翻转课堂的渗透打下良好的基础。