网页设计与制作教程练习题及答案 项目3 使用CSS3选择器_第1页
网页设计与制作教程练习题及答案 项目3 使用CSS3选择器_第2页
网页设计与制作教程练习题及答案 项目3 使用CSS3选择器_第3页
网页设计与制作教程练习题及答案 项目3 使用CSS3选择器_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

项目3使用CSS3选择器一.填空题1．如果一个标签上应用多个类选择器，类名与类名之间用隔开。答:空格2．CSS为超级链接文本建立了4个伪类选择器：为链接没有被访问的样式，为被访问过的超级链接文本样式，为鼠标移到超级链接文本上方的样式，为按下鼠标左键时发生的样式。答：:link、：ivsited:hover、:active3．CSS中ID选择器在定义的前面要有。答：#4．创建CSS类选择器样式时，样式名称的前面必须加一个。答：点5．的优先级最高；ID选择器的权值为；class类选择器的权值为；标签选择器的权值为。答：行内样式、100、10、16．通配符选择器使用表示，意思是“所有的”。答：*二.单项选择题（只有一个正确答案）1．以下（）合法的类选择器的名称。A．#font B．.22font C．.font D．#font22答：C2．引入CSS样式表中，不需声明选择器的是（）。A．行内式CSS样式表 B．内嵌式CSS样式表C．链接式CSS样式表 D．导入式CSS样式表答：A3．下列使用类选择器定义样式正确的是（）。A．h2{color:red} B．#one{color:red}C．.two{color:red} D．p,h1{color:red}答：C4．关于选择器的优先级说法错误的是（）。A．行内样式的优先级高于类别选择器 B．选择器越特殊，它的优先级越高C．100表示标签选择器的优先级 D．ID选择器的优先级高于类别选择器答：C5．下列不属于CSS样式定义的选择器的是（）。A．class B．ID C．变量 D．HTML中的标记答：C6．CSS样式表中定义p{color:red}表示（）。A．正在点击文字的色彩是红色 B．网页中<p>标记文字的颜色是红色C．非链接文字的色彩是红色 D．网页中所有文字的颜色是红色答：B7．关于CSS选择器说法正确的是（）。A．类选择器的定义的方法是：#类名{样式}B．声明CSS选择器样式时属性和属性值之间用空格分隔C．类别选择器和ID选择器只是在写法上有区别，在应用和意义上没有区别D．ID选择器的使用方法：<指定标签id=”id名”>答：D8．设置所有的<p>标签的文字为蓝色（）。A．.p{color:blue}B．#p{color:blue}C．p{color:blue}D．p.all{color:blue}答：C9．分析以下的CSS样式代码，可以得出（）。h2{color:limegreen;font-family:”楷体”}A．选择器的名称是h2 B．limegreen和font-family都是值C．样式表中的冒号(:)可以用=替代 D．此段代码是一个CSS类别选择器答：A10．分析以下CSS样式代码表示（）。#title{background-color:green}A．网页中的标题文字是绿色的B．网页中某一个id为title的元素中的内容背景颜色是绿色的C．网页中元素名为title的内容是绿色的D．网页中某一个class为title的元素中的内容背景颜色是绿色的答：B11．分析以下CSS样式代码表示（）。.one{color:yellow}A．网页中元素名为one元素是黄色的B．网页中含有class=”one”元素文字是黄色的C．网页中某一个id为one的元素文字是黄色的D．以上任意一个都可以答：B12．在HTML中，使用class选择器，将样式应用于网页上某个段落的代码如下所示：<pclass=”pone”>这是一个段落</p>下面选项中，（）正确定义了上面代码引用的样式规则。A．.pone{color:red} B．#pone{color:red}C．.p{color:red} D．p{color:red}答：A13．分析下面的HTML代码，下列说法错误的是（）。<head><styletype="text/css">.red{color:red;font-family:"楷体";font-size:30px;}p{color:blue;font-family:"隶书";font-size:20px;}</style></head><body><pclass="red">你好</p><h2class="red">欢迎</h2></body>A．"red"为类选择器 B．"p"为标签选择器C．“你好”和“欢迎”都应用了类选择器"red" D．“你好”的文本颜色为蓝色答：D14．阅读下面HTML代码，段落标签<p>内文本最终显示的颜色是（）。<styletype="text/css">body{color:blue;}#text{color:red;}.content{color:yellow;}p{color:green}</style><body><pid="text"class="content">床前明月光，疑是地上霜</p></body>A．blue B．red C．yellow D．green答：B15．有关下面代码片段的说法，（）是正确的。<styletype="text/css">a{color:blue;text-decoration:none;}a:link{color:blue;}a:hover{color:red;}a:visited{color:green;}</style>A．a:hover是用于元素成为焦点时的样式B．a:hover是鼠标正在按下时链接文字的样式C．a:link是鼠标指针悬浮在链接上的时的样式D．a:visited是链接被访问过后的样式答：D16．CSS代码片段pspan{color:red}表示的是（）。A．span元素内的字体颜色为红色B．p元素内的字体颜色为红色C．p元素内的span元素的字体颜色为红色D．span元素内的p元素的字体颜色为红色答：C17．属于相邻选择器的是（）。A．bodyp{}B．body>p{}C．body,p{}D．body+p{}答：D18．使用群组选择器的是（）。A．p;h1{color:red;} B．p+h1{color:red;}C．p<h1{color:red;} D．p,h1{color:red;}答：D三、多项选择题（至少有两个正确答案）1．CSS中的选择器包括（）。A．标签选择器B．类选择器C．通配符选择器D．ID选择器答：ABCD2．下列有关选择器的说法，正确的是（）。A．标签选择器的优先级比类选择器的优先级高B．ID选择器应用具有唯一性C．标签选择器用于修改HTML元素默认的样式D．伪类选择器只能用于定义超链接的状态答：BD3．以下关于class选择器和id选择器的说法，正确的是（）。A．class选择器的语法格式是：.类名{样式}B．一个class选择器只能对应于文档中一个具体的元素对象C．class的应用方法：<指定标签class=“类名”>D．id选择器和class选择器只是在写法上有区别，在应用和意义上没有区别答：AC4．下列定义CSS样式正确的有（）。A．body{color:red;font-family:"楷体";font-size:24px;}B．.h2{color:red;font-family:"楷体";}C．#grass{color:green;font-family:"楷书";font-size:24px;}D．p{background-color:bule;text-align:left;}答：ABCD四.问答题1．ID选择器和类别选择器在使用上有什么区别？答：W3C标准这样规定的，在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class。这样，一般网站分为头，体，脚部分，因为考虑到它们在同一个页面只会出现一次，所以用id，其他的，比如说你定义了一个颜色为red的class，在同一个

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论