CSS测试试题及答案_第1页
CSS测试试题及答案_第2页
CSS测试试题及答案_第3页
CSS测试试题及答案_第4页
CSS测试试题及答案_第5页
已阅读5页，还剩11页未读， 继续免费阅读

下载本文档

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

文档简介

css一、单选题.CSS是利用（B）XHTML标签构建网页布局。A.<dir>B.<div>C.<dis>D.<dif>.在CSS语言中下列哪一项是“左边框”的语法（C）人上。761'-怙代叫1出11：<值>B.border-top-width:<值>C.border-left:<,fl>D.border-top-width:<,（1>.在下列CSS语言中（A）适用对象是“所有对象”。A.背景附件B.文本排列C.纵向排列 D.文本缩进.下列（D）不属于CSS文本属性。A.font-sizeB.text-transformC.text-align D.line-height.下列哪一项是CSS正确的语法构成（C）A.body:color=blackB.{body;color:black}C.body{color:black}D.{body:color=black}.下面哪个CSS属性是用来改变背景颜色的（A）A.background-color: B.bgcolor: C.color: D.text:.怎样给所有的<hl>标签添加背景颜色（B）.hl{background-color:#ffffff}hl{background-color;}hl.all{background-color:#ffffff）#hl{background-color:#ffffff}.下列哪个CSS属性可以更改样式表的字体颜色（D）A.text-color=B.fgcolor: C.text-color:D.color:.下列哪个CSS属性可以更改字体大小（B）A.text-sizeB.font-sizeC.text-styleD.font-style.下列哪段代码能够定义所有P标签内文字加粗（D）A.<pstyletext-size:blodn> B.<pstyle=Mfont-size:blodM>C.p{text-size:bold;} D.p{font-weight:bold;}.下面哪个方法可以去掉文本超链接的下划线（D）A.a{text-decoration:nounderline;}B.a{underline:none;}C.a{decoration:nounderline;}D.a{text-decoration:none;}.下列哪个CSS属性能够更改文本字体（C）A.f; B,font=C.font-family:D.text-decoration:none;.下列哪个CSS属性能够设置文本加粗（A）A.font-weight:boldB.style:boldC.font:bD.font=.下列哪个CSS属性能够设置盒子模型的填充为10、20、30、40、（顺时针方向）（A）A.padding:10px20px30px40pxB.padding:40px30px20pxlOpxC.padding:10px40px30px20pxD.padding:20pxlOpx40px30px.下列哪个属性能够设置盒子模型的左侧边界（C）A.margin: B,indent: C.margin-left: D.text-indent:.（D）能够定义列表的项目符号为实心矩形。A.list-type:squareB.type:2C.type:square D.Iist-styIe-type:square.关于WEB标准以下说法错误的是（B）A.Web标准是一个复杂的概念集合，它由一系列标准组成B.这些标准全部都由W3C起草与发布C.Web标准可以分为3个方面D.Web标准里的表现标准语言主要包括CSS.以下是<!doctype>元素作用的是（A）A.该元素用来定义文档类型 B.该元素用来声明命名空间C.该元素用来向搜索引擎声明网站关键字 D.该元素用来向搜索引擎声明网站作者.关于float描述错误的是（B）A.floatJeftB.floatxenterC.float:rightD.float:none.外部样式表文件不可以由以下哪个方法导入（C）A.linkB.importC.style D.附加样式表.标签<p>的对齐属性是（B）A.style B.align C.angle D.padding.以下哪个选项是设置底边框的（A）A.border-bottomB.border-top C.border-left D.borderright23.以下关于CLASS和ID的说法错误的是（D）class的定义方法是：.类名｛样式｝;id的应用方法：（指定标签id="id名”>class的应用方法：〈指定标签class="类名">id和class只是在写法上有区别，在应用和意义上没有区别.以下哪个选项是对对象进行定位的（C）A.padding B.margin C.position D.display.关于块状元素说法正确的是（C）A.块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包括div\hl-h6\p\ulB.默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下块状元素会按顺序自上而下排列。C.块状元素都不可以定义自己的宽度和高度D.块状元素一般都作为其他元素的容器，它可以容纳其他内联元素和其他块状元素，我们可以把这种容器比喻为一个盒子。.关于DIV以下描述正确的是（A）A.div是类似于一行一列表格的虚线框B.div由行列形成的单元格构成，可执行合并拆分等操作C.由div布局的页面结构域表现不能分离D.div不要求我们严格CSS支持.关于CSS以下说法错误的是（D）A.每个CSS样式都必须由两部分组成：选择器和声明B.选择器表示要定义样式的对象，可以是元素本身，也可是一类元素或制定名称的元C.属性是指定选择器所具有的属性，它是CSS的核心，css共有150多个属性D.定义属性值：属性值是指数值加单位，如20Px.关于CSS定义的说法错误的是（C）A.类样式的定义方法是点+样式名字B.用户定义的类的定义方法是#+样式名字C.声明定义时属性和属性之间用空格分隔D.HTML标签.样式名字：是指只有该指定的标签才能引用它。.关于样式表的优先级说法不正确的是（D）A.直接定义在标记上的CSS样式级别最高B.内部样式表次之C.外部样式表级别最低D.当样式中属性重复时，先设的属性起作用.使用link元素调用CSS的语法中，以下哪个属性是用来指定CSS文件的路径的（C）A.url B.src C.href D.以上都不对.在CSS中，注释代码是（B）A.<!—> B./**/ C.// D.||.在HTML文档中，引用外部样式表的正确位置是（B）A.文档的末尾 B.<head> C.文档的顶部D.<body>部分.下列哪种方式是用类选择器定义样式的（B）red}C.#two{color:red}C.#two{color:.阅读下面HTML代码，两个DIV之间的空白距离是（C）。<styletype="text/css”>.header{margin-bottom:lOpx;border:Ipxsolid#f00;}.container{margin-top:15px;border:Ipxsolid#f00;}</style><divclass="header"X/div><divclass="container"〉</div>A.OpxB.lOpxC.15pxD.25px.下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号，正确的定义是：（A）p{font-family:宋体;font-size:20px;font-weight:800;co1or:red; fontstyle:italic;}p{font-family:20px; font-size:宋体；font-weight:800;color:red;font-style:italic;}p{font-family:20px;font-size:800;font-weight:宋体；color:red;fontstyle:italic;}p{font-fami1y:800; font-size:20px;font-weight:red;color:italic;font-style:宋体;}.下列样式定义字体间距为0.5倍间距、水平左对齐、垂直顶端对齐、有下划线正确的定义是：（A）A.p{text-decoration:underline;letter-spacing: 0.5em;vertical-align:top;text-align:left;}B.p{text-decoration:0.5em;letter-spacing: under1ine;vertical-align:top;text-align:left;}C.p{text-decoration:left;letter-spacing:top;vertical-align:0.5em;text-align:underline;}D.p{text-decoration:underline;letter-spacing: 0.5em;vertical-align:left;text-align:top;}.根据以下的HTML代码：hl{color:"limegreen”;font-familyarial”}可以知道（C）A.此段代码是一个类选择器B.选择器的名称是colorC.{}部门是对Hl这个选择器的样式说明D.limegreen和font-family都是值.创建一个样式表，可以设置当前页面中ID为compact元素的内容的字体为斜体。下列能实现该功能的代码是（D）。<styletype=/ztext/css*>compact{font-style:italic;}</style><styletype="text/css”>@compact{font-style:italic;}</style><styletype=z/text/css，z>.compact{text-style:italic;}</style><styletype=，，text/css*>#compact{font-style:italic;}</style>.在CSS中，为页面中的某个DIV标签设置样式div{width:200px;padding:020px;border:5px;},则该标签的实际宽度为（D）A.200px B.220px C.240pxD.250px.阅读下面HTML代码，段落标签<p>内文本最终显示的颜色是（ ）。<styletype="text/css”>body{color:#333;}#text{color:#f00;}.content{color:#00f;}.gray{color:#666;}</style>奈何明月照沟渠。</p><pid="text"class="contentgray”）奈何明月照沟渠。</p>A.#f00B.#00fC.#666D.#333.阅读下面CSS代码，下面选项中与该代码段效果等同的是（A）。.box{margin:10px5px;margin-right:lOpx;margin-top:5px;}TOC\o"1-5"\h\z.box { margin:5px lOpx lOpx 5px; }.box { margin:5px lOpx Opx Opx; }.box { margin:5px lOpx; }.box { margin:lOpx 5px lOpx 5px; }.在HTML页面中，调用外部样式表的方法是（B）。<style rel="stylesheet” type="text/css" href="外部样式表地址”/><link rel^stylesheet* type=*text/css* href=”外部样式表地址”/><stylerel="stylesheet"type="text/css"link="外部样式表地址”/><link rel="stylesheet" type="text/css" style=”外部样式表地址”/>.阅读下面的HTML及CSS代码，图片距最外面的DIV外边缘的距离是（D）。<styletype="text/css”>#outbox{border:lOpxsolid#ffOOOO;width:400px;}#inbox{border:20pxsolidttffOOOO;margin:lOpx;padding:lOpx;}</style><divid="outbox”><divid=*inbox*><imgsrc="flower.jpg"/></div></div>A.lOpxB.30pxC.40pxD.50px.下面选项中是合法的类样式的是（A）。A..WordB.#WordC..2AD.#A2.关CSS样式表描述不正确的是（C）A.CSS样式表规则由选择器和声明组成B.选择器包括标签选择器、类别选择器和ID选择器C.HTML中部分标签可以作为CSS标签选择器D.（“样式表名”）完成外部样式表的导入.如下所示的这段CSS样式代码，定义的样式效果是（D）oa:active{color:#000000;}A.默认链接是#000000颜色B.访问过链接是#000000颜色C.鼠标上滚链接是#000000颜色D.活动链接是#000000颜色.下列对盒子模型描述不正确的是（B）A.一个盒子由边界、边框、填充和内容区域4个部分组成B.盒子的填充、边框、边界和内容区域都分为上、下、右、左四个方向C.CSS定义盒子的width和height时，实际上定义的是内容区域content的width和heightoD.盒子的宽度是内容宽度加上padding、border和margin048.以下关于CSS+DIV布局中关于盒子模型说法错误的是（B）A.一个盒子由4个独立的部分组成：Margin.,Border,Padding.,BorderB.填充、边框和边界和内容区域都分为上、下、左、右四个方向，既可以分别定义，也可以统一定义。C.盒子的实际宽度=左边界+左边框+左填充+内容宽度（width）+右填充+右边框+右边界

D.盒子的实际高度=上边界+上边框+上填充+内容高度（height）+下填充+下边框+下边界。二、多选题1.在1.在CSS语言下列哪些选项是背景图像的属性（ABCD)A.背景重复B.背景附件A.背景重复B.背景附件C.纵向排列I）.背景位置CSS中的选择器包括（BCD）A.超文本标记选择器 B.类选择器C.标签选择器 D.ID选择器CSS文本属性中，文本对齐属性的取值有（BCDE）A.autoB.justifyC.centerD.rightE.leftA.autoB.justifyC.centerD.rightE.leftCSS中的BOX的padding属性包括的属性有（BCDEA.填充B.上填充C.A.填充B.上填充C.底填充D.左填充E.右填充CSS中，盒模型的属性包括（BCDA.fontB.marginC.paddingD.visibleE.borderA.fontB.marginC.paddingD.visibleE.border下面关于CSS的说法正确的有（ABC）CSS可以控制网页背景图片margin属性的属性值可以是百分比C.整个BODY可以作为一个BOXD.对于中文可以使用word-spacing属性对字间距进行调整E.margin属性不能同时设置四个边的边距7.关于CSS的说法正确的有（ABC）CSS可以控制网页背景颜色position可以实现盒子模型精确定位C.字体大小的单位可以使cm一个BOX只能通过float进行定位Z-index的取值不能是负数.关于内容、结构和表现说法正确的是（ABD）A.内容是页面传达信息的基础B.表现使得内容的传达变得更加明晰和方便C.结构就是对内容的交互及操作效果D.内容就是网页实际要传达的信息，包括文本、图片、音乐、视频、数据、文档等。.关于CSS基本语法说法正确的是（AC）A.属性必须要包含在｛｝号之中B.属性和属性值之间用等号链接C.在有多个属性时，用“：”进行区分D.如果一个属性有几个值，则每个属性值之间用分号分隔开.关于样式表的优先级说法正确的是（ABC）A.直接定义在标记上的CSS样式级别最高B.内部样式表次之C.外部样式表级别最低D.当样式中属性值重复时，先设的属性起作用.关于CSS样式表功能，以下说法正确的是（ABC）A.灵活控制网页中文字大小、字体、颜色、间距风格及位置B.可以精确的控制网页中各元素的位置C.可以与脚本语言相结合D.以上说法都不对.关于边框，以下写法正确的是（ABCD）D.border-A.border-top-widthB.border-style C.border-widthD.border-color.以下关于CLASS和ID的说法正确的是（ABC）class的定义方法是：.类名｛样式｝:id的应用方法：〈指定标签id="id名"》class的应用方法：〈指定标签class="类名">id和class只是在写法上有区别，在应用和意义上没有区别.关于WEB标准以下说法正确的是（ACD）A.Web标准是一个复杂的概念集合，它由一系列标准组成B.这些标准全部都由W3C起草与发布Web标准可以分为3个方面Web标准里的表现标准语言主要包括CSS.以下哪个属性值属于Float这个属性（ACD）A.left B.centerC.rightD.none.在html文件中应用abc.css文件中的样式的方法有（AB）<1inkhref="abc.css"type="text/css"rel=*stylesheet*><styletype="text/css”>@importurl(abc.css);</style><styletype="text/css”〉@import(abc.css);</style><styletype=，ztext/css/z>importurl(abc.css);</style>.下面有关样式表的说法正确的是(AD)oA.通过样式表，用户可以使用自己的设置来覆盖浏览器的常规设置B.样式表不能重用C.每个样式表只能链接到一个文档D.样式表可以用来设置字体、颜色等.为了给页面所有<hl>标题创建样式规则，指定将所有的<hl>标题显示为蓝色，字体显示为Arial。下列操作正确的是(AC)。<styletype="ztext/css*>hl{color:"blue'}hl{font-family:"Arial”}</style><styletype=*text/css*>hl(color:"blue";fontFace:"Arial”}</style><styletype="text/css”〉hl{color:"blue";font-family:"Arial”}</style><styletype=*text/css*>hl{color:"blue”;}hl{fontFace:"Arial”}</style>.下面选项中(AC)可以设置网页中某个标签的左边界为5px°A.margin:05px; B.margin:5px000;C.margin:0005px; D.padding-left:5px;.下面关于外部样式表的说法错误的是(BC)oA.文件扩展名为.cssB.外部样式表内容以〈style》标签开始，〈/style〉标签结束C.CSS属性值不可以包含汉字D.使用外部样式表可以使网站更加简洁，风格保持统一三、判断题.在CSS中，border:Ipx2px3px4Px表示设置某个HTML元素的上边框为Ipx、右边框为2px、下边框为3px、左边框为4px。（错误）.在CSS中，padding和margin的值都可以为负数。（错误）.在CSS中，使用〃或＜!一一＞用来书写一行注释。（错误）.由于Table布局相比DIV布局缺点较多，因此在网页制作时应当完全放弃使用Table布局。（错误）.在W3c规范中，每一个标签都应当闭合，使用＜brX/br＞可以实现和段落标签＜pX/p＞同样的效果。（错误）.一个div可以插入多个背景图片（错误）.背景颜色的写法background:#ccc等同于background-color:#ccc（正确）.结构表现标准语言包括XHTML和XML以及HTML。（错误）.任何标签都可以通过加style属性来直接定义它的样式。（正确）.同padding属性与margin属性类似，border属性也有单侧属性，即也可以单独定义某一个方向上的属性。（正确）.margin不可以单独定义某一个方向的值。（错误）.Border是CSS的一个属性，用它可以给能确定范围的HTML标记，如td、div添加边框。只能定义边框的样式（style）、宽度（width）。（错误）.CSS选择器中用户定义的类和用户定义的ID在使用上只有定义方式不同。（错误）.对于自定义样式，其名称必须以点（.）开始（正确）.＜div＞标签简单而言是一个区块容器标签。（正确）.position允许用户精确定义元素框出现的相对位置。（正确）四、简答题1.简述div排版与传统的table排版。答：（1）table内的单元格会随着表格的大小自动调整。（2）table排版的页面也难再升级，但div排版可以随意调整。（3）利用table排版的页面在下载时必须等整个表格的内容都下载完毕之后才会一次性显示出来，而利用div块的CSS排版的页面在下载时可以分别下载，提高了页面的下载速度。（4）div+CSS排版方式使得数据与CSS文件完全分离，美工在修改页面时，只需要修改CSS文件就可以了，大量减少了维护量。.什么是CSS?答：CSS(CascadingStyleSheet)即层叠样式表，它用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。它以HTML语言为基础，提供了丰富的格式化功能，字体、颜色、背景等，更好地进行页面美工设计。.CSS的基本语法结构及规范？答：CSS语法结构：选择器{属性：“属性值”；属性：“属性值”：属性：“属性值”；……}规范：(1)属性必须要包含在{}号之内(2)属性和属性值之间用“：”分隔(3)当有多个属性时，用“：”进行区分(4)在书写属性时属性之间使用空格、换行等，并不影响属性的显示。(5)如果一个属性有几个值，则每个属性值之间用空格分隔开。.举例说明CSS的三种使用方法？答(1)内部样式表<head><styletype="text/css”〉hl{color:red}h3{color:blue)</style></head>(2)行内样式<body><ahref="lastpage.htm"style="text-decoration:none”>LINK!〈/a></body>(3)连接外部样式表<linkrel="stylesheet"type="text/css"href="styles.css”>.简述CSSID选择器。答：ID选择器：可以为标有特定ID的HTML元素指定特定的样式。设定在ID上的css格式为：灯(1名(属性：“属性值”；属性：“属性值”；属性：“属性值”；……}引用的方法：<HTML标签ID="ID名.简述CSS类选择器。答： 类选择器：以点号开始，为标有class的HTML元素指定特定的样式。 直接定义class.类名{属性：“属性值”；属性：“属性值”；属性：“属性值”；……}引用的方法：＜HTML标签CLASS="类名"》.简述CSS链接伪类。答：链接伪类：a:link设置链接本来的颜色a:visited 设置链接访问过后的颜色a:hover设置链接在鼠标悬停时的颜色a:active 设置链接被激活的颜色.简述选择器的优先权答：（1）内联样式表的权值最高；（2）1D选择器的权值为Class类选择器的权值为（4）HTML标签选择器的权值为.简述CSS的特点。答：（1）可以将格式和结构分离。（2）可以以前所未有的能力控制页面布局。（3）可以制作体积更小、下载更快的网页。（4）可以将许多网页同时更新，比以前更快更容易。（5）浏览器的界面更友好。10.CSS的实现方式有几种？那种CSS实现方式优势更突出？相对其他实现方式而言其优点有哪些？答：共有3种实现方式。CSS实现方式按优先级依次是内嵌样式、内部样式表、外部样式表。使用外部样式表时，相对其他2种实现方式而言其优点有：（1）样式代码可以复用。一个外部CSS文件，可以被多个网页共用（2）便于修改。（3）提高了网页显示的速度。五、设计分析题.将以下CSS代码进行缩写，注意要符合缩写的规范。a）代码一：border-width:lpx;border-color:#000;border-style:solid;b）代码二:margin-left:20px;margin-right:20px;margin-bottom:5px;margin-top:20px;c)代码三：color:#336699;color:#ffcc00;.CSS内部样式表要编写在页面之中，即将CSS写在( )之间，并且用( )标签进行声明。请完整的完成一段CSS内部样式表的编写。要求网页主体<body>：(1)字体大小是12px(2)字体样式正常(3)字体带下划线(4)字体颜色是#ff3300。.分析下列代码并画出实现的效果图。<html><head>〈title>无标题文档</title><styletype="text/css”>#left{background-color:#999;border:2pxsolid#333;width:300px;height:300px;float:left;}(1)解释上面代码含义：bright1{background-color:#999;border:2pxsolid#333;width:300px;height:300px;margin-left:50px;float:left;}(2)解释上面代码含义：#right2{background-color:#999;border:2pxsolid#333;width:300px; height:300px;position:absolute;left:700px;}</style>（3）解释上面代码的含义:</head><body><div 左列</div><divid="rightl">右列l</div><divid="right2”〉右列2</div>（4）解释上面2（^丫>标签里代码的含义:<

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

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

最新文档

评论

0/150

提交评论