第三章 爽——原来可以更美!:本章内容讲述了css基本概念,css选择器,基础语法以及css元素样式等内容,主要采用任务驱动、案例教学等教学方法完成本章内容的教学,提高学生实践能力。本章节要求学生掌握css基本语法以及元素样式的概念及应用,通过本章的学习,可以对网页的图片、文本、表格、超链接设置各种各样的效果,使网页看起来美观大方。能够实现多样化、具有良好客户体验的页面效果等应用技能,培养学生的创新意识和工程意识,设计特色网页。通过加强基础、面向实际、引导思维、启发创新,使学生获得理论知识,培养理论联系实际的能力。3.1CSS入门:本节内容讲述了为什么使用CSS、CSS基本语法、CSS的选择器,以及如何在网页中应用CSS样式,最后讲解CSS复合选择器和CSS的继承特性等。重点是掌握CSS基本语法、它的3种基本选择器,以及在HTML页面添加CSS的方式。主要采用任务驱动、案例教学等教学方法完成本小节内容的教学,提高学生实践能力。本节要求学生掌握css选择器的概念及应用,通过本小结的学习,能够在设计网页时采用合适的选择器,实现多样化、特色的网页,培养学生的创新意识和实践能力。
3.2CSS基础:本节主要讲述常见元素的CSS样式,例如字体样式、文本样式、背景样式、超链接样式及表格样式。本节要求学生掌握字体、文本、背景、超链接及表格等常见属性。
[单选题]在CSS中,要实现链接字体颜色为红色,无下划线,当鼠标移过时显示下划线的效果,以下选项正确的是(   )。

选项:[屏幕快照, 屏幕快照, 屏幕快照, 屏幕快照]
[单选题]CSS样式和HTML样式的不同之处说法正确的是(   )。

选项:[CSSCSS样式只可以设置文字字体样式, HTMLHTML样式和CSS样式相同,没有区别, HTML样式只影响应用它的文本和使用所选HTML样式创建的文本, HTMLHTML样式可以设置背景样式]
[单选题]下面关于类选择器说法正确的是(   )。

选项:[类选择器不可以单独使用, 类选择器前面有一个“#”, id选择器前面有一个“#”, 为了将类选择器与元素关联,必须将为了将类选择器与元素关联,必须将ID属性指定一个适当的值]
[单选题]如下代码:span {    text-align:center;    line-height:60px;    font-size:30px;}

选项:[文本左对齐、行高60像素、字体为30像素, 文本居中对齐、行高60像素、字体30像素, 行高30像素,字体60像素,文本居中, 行高30,字体60,右对齐]
[单选题]下面的描述正确的是(    )。 #menu{         font-size:14px;         }

选项:[menu是类选择器, menu是标签选择器, menu是元素选择器, menu是Imenu是ID选择器]
[单选题]CSS定义为.center{ text-align:center; }以下选项中文本会居中对齐的是(  )。

选项:[屏幕快照, 屏幕快照, 屏幕快照, 屏幕快照]
[单选题]有内部样式表定义如下:  <style type="text/css">        p{color:Red;font-size:20px;}    </style>同时,有 html 代码如下所示: <p style="background-color:gray;color:Blue;">p text</p>段落中的文本”p text“的最终显示效果是(  )。

选项:[红色文本,字体大小为 20px,无背景色, 蓝色文本,字体大小为 20px,无背景色, 蓝色文本,默认字体大小,背景色为灰色, 蓝色文本,字体大小为 20px,背景色为灰色]
[单选题]查看如下样式定义:         .A  .B { font-weight:bold;}文本加粗显示的应是(  )。

选项:[屏幕快照, 屏幕快照
, 屏幕快照, 屏幕快照]
[单选题]CSS定义是 .red{ color:red; },以下选项中能正确套用red样式的是(    )。

选项:[屏幕快照, 屏幕快照, 屏幕快照, 屏幕快照]
[单选题]在CSS选择器中,以下选项(   )属于后代选择器。

选项:[屏幕快照, 屏幕快照, 屏幕快照, 屏幕快照]

温馨提示支付 ¥1.00 元后可查看付费内容,请先翻页预览!
点赞(0) dxwkbang
返回
顶部