雨课堂学堂在线学堂云《HTML5 Mobile Front-end Development Foundation(深圳职院)》单元测试考核答案_第1页
雨课堂学堂在线学堂云《HTML5 Mobile Front-end Development Foundation(深圳职院)》单元测试考核答案_第2页
雨课堂学堂在线学堂云《HTML5 Mobile Front-end Development Foundation(深圳职院)》单元测试考核答案_第3页
雨课堂学堂在线学堂云《HTML5 Mobile Front-end Development Foundation(深圳职院)》单元测试考核答案_第4页
雨课堂学堂在线学堂云《HTML5 Mobile Front-end Development Foundation(深圳职院)》单元测试考核答案_第5页
已阅读5页,还剩37页未读 继续免费阅读

付费下载

下载本文档

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

文档简介

注:不含主观题第1题多选题(2分)Inhtml,thefollowing()tagsbelongtothebasiccomponentsofhtmldocuments.A<style></style>B<body></body>C<html></html>D<head></head>E

<title></title>正确答案:BCD第2题单选题(1分)WhichofthefollowingstatementsabouttheHeadingstagsisincorrect?()ATheyalloccupyasingleline.BHeadingstagsare

<h0></h0>,<h1></h1>,,and<h6></h6>.CThefontsizeofh6tagisthesmallest.DThetagsareusedtoboldthecontent.第3题单选题(1分)Whichofthefollowingstatementsiscorrect?()A<b>tagcanwrapcontentautomatically.B<br>tagshould

endwith</br>tag.C<title>tagshouldendwith</title>tag.D<p>isoneoftheheadingstags.第4题单选题(1分)Whichofthefollowingtagsisnotalineelement?()A<b>tagB<p>tagC<strong>tagD<em>

tag第5题单选题(1分)Whichofthefollowingtagsisnotanemptyelement?()A<p>tagB<br>tagC<img>tagD<hr>tag第6题单选题(1分)Whichofthefollowingstatementsistrueaboutthe<img>tag?()ATheattributeusedtointroducethepictureaddressinthe<img>tagisurl.BWhenthereisenoughspacefortwo<img>tags,thepictureswillbearrangedvertically.CThealtattributeinthe<img>tag:Whenthemousepassesthepicture,thevalueinaltisdisplayedbelowthemousepointer.DThetitleattributeinthe<img>tag:

Whenthemousepassesoverthepicture,thevalueintitleisdisplayedbelowthemousepointer.第7题单选题(1分)Inhtml,Wecaninsertanimageusingthe<img>tag.Whichofthefollowingoptionsiscorrectaboutthesrcattributeof<img>?()AUsedtosettheformatofpicturefile.BUsedtosetthelocationofthepicturefile.CUsedtosetthetextdisplayedaroundthepicture.DUsedtosetthetextdisplayedwhenthemousepointstothepicture.第8题单选题(1分)Inhtml,Whichexpressioncandirectlyopentheemailtooloftheclienttosendemailthroughthelinkonthewebpage?()A<ahref="telnet:xiaoming@">sendfeedbackinformation</a>B<ahref="mail:xiaoming@">sendfeedbackinformation</a>

C<ahref="ftp:xiaoming@">sendfeedbackinformation</a>D<ahref="mailto:xiaoming@">sendfeedbackinformation</a>第9题单选题(1分)Inhtml,whatkindoftagcanbeusedforboldtypebesides<strong>?A<b>B<u>C<em>D<h>第10题单选题(1分)WhichofthefollowingitemsisnotincludedintheheadoftheHTMLfile?AAuthorinformation,webpagedescription,baseaddressBAutomaticrefresh,CSSstyleCWebpagetitleandkeywordsDComments,formfields第11题填空题(1分)Inhtmlrepresentationsoffilepath,"../"isusedfor____正确答案::["Returningthepreviousdirectoryofthecurrentdirectory","thepreviousdirectoryofthecurrentdirectory","theparentdirectoryofthecurrentdirectory"]test1.2第1题单选题(1分)Inhtml,thecodeofdescriptionlistis().A<dt><dl><dd></dd></dl></dt>B<dd><dt></dt><dl></dl></dd>C<dt><dl></dl><dd></dd></dt>D<dl><dt></dt><dd></dd></dl>第2题单选题(1分)Howmanyoptionsaretheretodescribethelisttagcorrectly?

①.<ul>tagdefinesanorderedlist.

②.<ul>,<dl>and<ol>tagshavetheirownupperandloweroutermargins.

③.The<dt>taginthe<dl>taghasitsownleftmargin.

④.The<ol>tagisanunorderedlist.A1B2C3D4第3题单选题(1分)Whichofthefollowingitemsisnotapartofthetabletag?()A<tbody>

B<thead>C<ttitle>D<tfoot>第4题单选题(1分)Whenmakingaform,whenyouneedtospecifyradioboxes'attributes,youcanonlycallthemagroupifyouspecifythesame()attributes.AtypeBnameCvalueDmethod第5题单选题(1分)Inthefollowingdescriptionoptionsabouttheformtag,theerroroptionis().AFormsareusuallyusedtogatheruserinformation.BInthe<form>tag,themethodattributespecifiesthemethodofsubmittingformdata.CInthe<form>tag,theactionattributespecifiesthelocationoftheformhandler.DInthe<form>tag,thevalueofthetypeofthecheckboxisradio.

第6题单选题(1分)Whenmakingaform,the()tag(s)shouldbeusedtocreatetheoptionmenu.Aselectandinput

BinputCinputandoptionDselectandoption

第7题单选题(1分)Whichofthefollowingisnotabutton?(

)Atype=”button”Btype=”reset”Ctype=”image”Dtype=”submit”第8题单选题(1分)Toimplementthecheckboxintheform,thetypeattributeintheinputtagshouldbe(

)AradioBcheckboxCtextDselect第9题单选题(1分)Makegenderoptionsintheform.Whichofthefollowingoptionsiscorrect?()A<inputtype="radio"name="sex"value="0">man<inputtype="radio"name="sex1"value="1">womanB<inputtype="radio"name="sex"value="0">man<inputtype="radio"name="sex"value="1">womanC<inputtype="checkbox"name="sex"value="0">man<inputtype="checkbox"name="sex"value="1">womanD<inputtype="checkbox"name="sex"value="0">man<inputtype="checkbox"name="sex1"value="1">woman第10题单选题(1分)Informmaking,thedifferencebetweenthetextboxforenteringpasswordandthesingle-linetextboxforenteringtextis().ASingle-linetextboxcanonlybeusedtoenterwordsandletters,notnumbers.BThereisnodifferencebetweenapasswordtextboxandasingle-linetextbox.CThetypeattributeofpasswordtextboxispassword,andthetypeattributeofsingle-linetextboxistext.DOnlynumberscanbeenteredinthepasswordtextbox.第11题填空题(3分)Thetabletagis_________.Generally,<td__________="2">******</td>isusedtomergetwocellsacrosscolumns.<td

________="4"align="right">****</td>isusedtomerge4cellsacrossrows.正确答案::["<table></table>"]正确答案::["colspan"]正确答案::["rowspan"]test2.1第1题单选题(1分)Whichofthefollowingstatementsaboutexternalstylesheetsiswrong?()AThefileextensionis.cs.BThecontentoftheexternalstylesheetsdoesnotneedtousethe<style>tag.CWecanusethe<link>tagtointroduceexternalstylesheets.DUsingexternalstylesheetscanmakethewebsitemoreconciseandkeepthestyleuniform.第2题单选题(1分)Whichofthefollowingwaysistousetheclassselectortodefinestyles?()Ap{color:red;}B.box{color:red;}C#p{color:red;}Dp,h2{color:red;}第3题单选题(1分)Whichofthefollowingistrueaboutcsssyntax?()A.box[color:red,background:yellow]B.box{color:red;background:yellow}C.box{color:red,background:yellow}D.box[color,red;background:yellow]第4题单选题(1分)Whichofthefollowingstatementsaboutselectoristrue?()AIdselectorhashigherprioritythanclassselector.BTagselectorhashigher

priority

thanclassselector.CClassselectorcanonlybeappliedtoacertainkindofhtmlelements.DClassselectorswiththesamenamecannotbeusedmultipletimesinonepage.第5题单选题(1分)Whichofthefollowingstatementsistrueaboutstyleintroduction?()AInlinestyleistosetstyleattributeforelements,whichonlytakeseffectforthecurrenttag.BTheinternalstyleistosetthestyleattributefortheelement.CTherelattributeinthelinktagisusedtosetthepathoftheexternalcssfile.D@importbelongstohtmltag.第6题单选题(1分)Whichofthefollowingstatementsaboutclassandidselectorsisincorrect?()AClassselectorisdefinedby.Classname{style}.BTheapplicationmethodofidselectoris<tag_nameid="idname">.CTheapplicationmethodofclassselectoris<tag_nameclass="classname">.DTheidselectorandtheclassselectorareonlydifferentinwriting,andthereisnodifferenceinapplicationandmeaning.第7题单选题(1分)Whichofthefollowingstatementsaboutidselectorisincorrect?()AThesyntaxformatofidselectoris"#idname".BIfyouwanttousetheidselector,youshouldfirstdefineanidattributevaluefortheelement,suchas:<divid="a"></div>.C#selectorismoresuitablefordefiningclassstyles.DAnidnamecanonlycorrespondtoaspecificelementobjectofadocument.第8题单选题(1分)Whichstatementaboutstylepriorityisincorrect?()ACssstylesdirectlydefinedontagshavethehighestlevel.BInternalstyleshavelowerprioritythaninlinestyles.CExternalstylesheetshavethelowestlevel.DWhentheattributesinthestyleconflict,thepresetcomesintoeffect.第9题多选题(2分)Whatarethecorrectstatementsaboutlinkandimport?()AImportstylesareusedinthe<head>tagasfollows:<style>@importurl("");</style>.BWhenthepageisloaded,theCSSreferencedbylinkwillnotbeloadedatthesametime.CCSSreferencedby@importwillnotbeloadeduntilallpagesaredownloaded.DPagesthatrefertoCSSinthewayof@importwillappearunstyledflickerwhenloading.正确答案:ACD第10题填空题(1分)Whataretheseveralwaystointroducecss?

________________________

正确答案::["inline,internal,external"]第11题填空题(2分)Commentsincssbeginwith_________,andendwith_____________.正确答案::["/*"]正确答案::["*/"]第12题填空题(1分)Selectorscommonlyusedincssinclude

idselector(1),classselector(2)andtagselector(3),andtheirpriorityis______________.正确答案::["idselector,classselector,tagselector","123","123"]第13题填空题(1分)Incss,whenyouchoosetousetheidselector,thestylenameshouldbeprecededbyanindicator___________.正确答案::["#"]test2.2第1题单选题(1分)Whichofthefollowingstatementsabout

:afterpseudo-classobjectistrue?()

AThe:afterpseudoelementaddscontentaftertheelement.BThe:afterpseudoelementcanonlybeappliedtohyperlinktaga.CUsing:afterpseudoelementmaycausefloatingelementtocollapse.DMissingthecontentattributeinthe:afterpseudoelementcanstillbeusednormally.第2题单选题(1分)Thefollowingcodesneedtoboldthetext1fontofthefirstitaginallptags,and

whatcodeshouldbefilledintheblankspace?()<html><head><styletype="text/css">

</style></head><body><p>some<i>text1</i>.some<i>text2</i>.</p><p>some<i>text1</i>.some<i>text2</i>.</p><i>text1</i>.some<i>text2</i></body></html>Ap

i:first-child{font-style:bold;}Bi:last-child{font-weight:bold;}Cp>i:first-child{font-weight:bold;}Dp>i{font-weight:bold;}第3题单选题(1分)Whichofthefollowingstatementsaboutpseudoclassesisincorrect?()

A

:first-childand:last-childselectorsbelongtothesequenceselectors.B:nth-child(1)and:first-childareonlydefineddifferentlyandhavethesamemeaning.C.box:nth-child(2)representsthesecondelementdirectlyundertheboxelement.Dp>i:first-childmeanstoselectthefirst<i>elementofallmatched<p>elements.

第4题单选题(1分)Intheultaginadivwhoseclassattributeissetto"box",howtochoosethelibackgroundcolorofevenitemstobered?Whichofthefollowingcodesiscorrectlyentered?()A.boxullinth-child(0,2,4){background-color:red;}B.boxullinth-child(2n){background-color:red;}C.boxulli:nth-child(0,2,4){background-color:red;}D.boxulli:nth-child(2n){background-color:red;}第5题单选题(1分)Thea:hoverindicatesthestateofhyperlinktextat().AmousepressBmouseoverCnotvisitedDmouseclick第6题单选题(1分)Whichofthefollowingstatementsabouttagaiscorrect?()Aa:linkindicatesthevisitedstatus.Ba:hovercannotbeusedalone.CTheataghasatotalof4states.DWhentheatagisindifferentstates,theordercanbechangedatwill.第7题单选题(1分)Whichofthefollowingstatementsabout:beforeisnottrue?()AWithoutanyconversion,settingwidthandheightfor:beforeelementdoesnottakeeffect.BSettingwidthandheightfor:beforeelementtakeseffectwithoutanyconversion.CTheuseof:beforeelementisbasicallythesameasthatof:after.DThecontentattributeinthe:beforeelementcannotbeomitted,evenifthecontentisempty.第8题单选题(1分)Whichofthefollowingstatementsaboutelementconversioniswrong?()ABlockelementcanbeconvertedintolineelementusingdisplay:inline.BThedisplay:inline-blockconversioncanconvertanelementintoablock-levelelement,andthenitcanoccupyasingleline.CLineelementcanbeconvertedintoblockelementbyusingdisplay:block.DImg

element

canbeconvertedintoblockelementtoremovegapsbetweenimages.第9题单选题(1分)Whichofthefollowingstatementsaboutelementhidingisincorrect?()AYoucanusedisplay:nonetohideelementwithoutoccupyingtheoriginalspace.BTheoverflow:hiddenisusedforoverflowhiding.CTheopacity:0canalsobeusedtohideelement,butittakesuptheoriginalspace.DThevisibility:nonecanalsobeusedtohideelement.第10题单选题(1分)Whichofthefollowingstatementsisincorrectaboutoverflow?()ATheoverflowattribute

isusedtocontrolhowcontentisdisplayedwhenitoverflowstheelementbox.BTheoverflowattribute

cancontrolwhetherscrollbarsareaddedinthecorrespondingelementintervalwhenthecontentoverflowstheelementbox.CTheoverflow:noneattributeisusedtocliptheoverflowcontentandtherestofthecontentisinvisible.DTheoverflow:automeansthatifoverflowisclipped,ascroll-barshouldbeaddedtoseetherestofthecontent.test2.3第1题单选题(1分)Whichofthefollowingstatementsaboutfloatingiswrong?()AThefloatingofelementsishorizontal,whichmeansthatelementscanonlymoveleftandright,butnotupanddown.BFloatingisveryusefulinwebpagelayout.CElementsbeforefloatingelementwillalsobeaffected.DThetextelementafterthefloatingelementwillsurroundit.第2题单选题(1分)Therounddotbeforetheunorderedlistitem<li>canberemovedby().Aclear:both;Bfont-style:none;Clist-style:none;Dlist-style:normal;第3题多选题(2分)(Multiple-choicequestion)

Whichoptionsarerightaboutfloatingelementcharacteristics?AFloatingelementisseparatedfromthedocumentflow.BThefloat:topwill

settheelementtofloatupwards.CAfterthelineelementissettofloat,thelineelementwillautomaticallyturnintoablockelement.DFloatingelementscannotholduptheblockthatcontainsit.正确答案:ACD第4题多选题(2分)(Multiple-choicequestion)Incss,whatarethecommonmethodstoclearfloating?()AAddanemptyblockelementafter

the

floatingelement.BAddanemptylineelementafterthefloatingelement.CSettheheightoftheparentelementofthefloatingelement.DSettoclearfloatingbymeansofpseudoclass.ESetfloatingforparentelement

ofthefloatingelement.正确答案:ACDE第5题单选题(1分)float<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>float</title><style>.about{width:500px;}.aboutimg{float:left;width:200px;}</style></head><body><div

class="about"><imgsrc="../img/image1.jpg"><p>words,words,words,words,words,words,words,words,words,words,words,words,words,words,words,words.</p></div></body></html>Aftertheexecutionoftheaboveprocedures,thelocationofthepictureandtextwillbe().ATextoverlaysonpicture.BTextisonthetop,andpictureisonthebottom.CPictureisontheleft,andtextisarrangedontheright.DPictureisontheleft,andtextsurroundsthepicture.第6题单选题(1分)Aboutthecharacteristicsoffloatingelements,whichofthefollowingstatementsiswrong?()AIfthewidthofthecontainerboxislessthanthesumofthewidthsofallfloatingelements,thefloatingelementswillwrap.Atthistime,iftheheightsofthefloatingelementsaredifferent,ablankblockwillappear.BFloatingelementsoccupytheoriginalspace.CThetextwillsurroundthefloatingelementwhenthefloatingelementiswiththetext.

DFloatingcanonlyfloatleftandright,notupanddown.第7题单选题(1分)Whichoptioniswrongaboutfloat?()Afloat:leftBfloat:centerCfloat:rightDfloat:none第8题单选题(1分)Whichofthefollowingisnotafloatingelementcharacteristic?()AFloatingelementswillbeautomaticallysettoblockelementsfordisplay.BAfloatingelementisinthesamepositionintheverticaldirectionaswhenitisnotdefinedasfloating.CThefloatingelementishorizontal,anditwillbeascloseaspossibletotheedgeofitsparentelement.DBlockelementswillnotdrillunderfloatingelementsandwillnotbecoveredbyfloatingelements.第9题填空题(1分)Afterthelineelementfloats,it­­­___________(will/willnot)becomeablockelement.正确答案::["will"]test2.4第1题单选题(1分)Howtocalculatetheactualwidthofstandardboxmodel?()AwidthBleftandrightpaddings+widthCleftandrightmargins+leftandrightpaddings+width+leftandrightbordersDleftandrightborders+leftandrightpaddings+width

第2题单选题(1分)Thecorrectstatementaboutpadding:20px30px40pxis().Apaddings:20pxspaceup,30pxspacedown,40pxspaceleftandrightBpaddings:20pxspaceup,40pxspacedown,30pxspaceleftandrightCmargins:20pxspaceup,30pxspacedown,40pxspaceleftandrightDmargins:20pxspaceup,40pxspacedown,30pxspaceleftandright第3题单选题(1分)Whichofthefollowingdoesnotbelongtothepaddingattribute?()Apadding-leftBpadding-headCpadding-bottomDpadding-right

第4题单选题(1分)Whichofthefollowingisnotanattributeforsettingborder?()Aborder-styleBborder-widthCborder-colorDborder-size第5题多选题(2分)Incss,iftheborderisnotdisplayed,whichofthefollowingstatementsiscorrect?()ASetborder:0pxsolidblue;BSetborder-color:transparent;CSetborder:none;DSetborder:1pxsolidtransparent;

正确答案:AC第6题单选题(1分)Thecorrectstatementaboutborderofboxis().ATheborder-style

represents

thethicknessoftheborder.BTheborder:10pxsolidred;representsareddottedborderwithathicknessof10px.CTheborder:10pxred;representsaredborderwithathicknessof10px.DTheborder-bottom:10pxdashedgreen;represents

thethicknessofthebottomborderis10pxanditisadottedgreenline.第7题填空题(1分)Theupanddownmarginsofblockelementsare20px,and______________isusedforaligningcenter

horizontally.正确答案::["margin:20pxauto;"]第8题填空题(1分)Thepictureaboveshowsadivblockwithaborderof1px,withtotalwidthof215px(includingborder)andtheshadedareaispadding-left:25px;,thenthewidthofthisdivshouldbesetto___________px.正确答案::["188"]第9题填空题(1分)Howtoabbreviatethefollowingcode?border-width:1px;border-color:#000;border-style:solid;Abbreviatedas:_________

正确答案::["border:1pxsolid#000;","border:1pxsolid#000"]test2.5第1题单选题(1分)Inhtml,whichofthefollowingstatementsaboutfontattributesincssstylesistrue?()AThefont-sizeisusedtosetthesizeofthetextfont.BThefont-familyisusedtosetthealignmentoftext.CThefont-styleisusedtosetthefontoftext.DThetext-decorationisusedtosetthefontshapeoftext.第2题单选题(1分)Tosetthetextstyleoftheptagwithclassname"box"inthedivtagto:thetextiscentered,thefirstlineisindented2em,thefontsizeis20pxandthelineheightis30px.

Whichofthefollowingiswrittencorrectly?()A.box.p{

line-height:30px;

font-indent:2em;

text-align:center;

font-size:20px;}B.boxp{

line-height:30px;

text-indent:2em;

text-align:center;

font-size:20px;

}C.box.p{line-height:30px;text-indent:2em;text-align:center;font-size:20px;

}D.boxp{text-height:30px;text-indent:2em;text-align:center;font-size:20px;

}第3题单选题(1分)Whichofthefollowingcan'tbeusedformakingtextbold?()AUse<b></b>tagsinhtmlBUse<strong></strong>tagsinhtmlCUsefont-weight:boldinCSSDUsefont-style:stronginCSS第4题单选题(1分)Whichofthefollowingdescriptionsofthecsscodesiscorrect?()

.box

p{font:60italic20px/80px'arial';

}AThefirstelement60inthefontattributerepresentsthefontsize.BTheseelementsinthefontattributecanbetransposedatwill.CThelastelement'arial'inthefontattributecanbeomittedwithoutwriting.DThe80pxinthefontattributeindicatesthelineheightofthetextintheptag,whichcanbeomitted.第5题单选题(1分)Incss,thebackgroundimageneedstobelocatedinthelowerleftcornerofthebox.Thecodesshouldbewrittenas:()Abackground-image:leftfootBbackground-image:leftbottomCbackground-position:leftfootDbackground-position:leftbottom第6题单选题(1分)Incss,whatistheincorrectdescriptionaboutthefollowingbackgroundcode

?()

.box{background:url("../image/author-1.jpg")

no-repeat

center/50%

red;}ATheabovecodeindicatesthatthebackgroundcolorisred,theimageiscentered,thesizeis50%,andtheimageisnotrepeated.BIfno-repeatisdeleted,theimagewillnotrepeat.CIftheelementurl("../image/author-1.jpg")isdeleted,aredbackgroundwillbedisplayed.DIfno-repeatischangedtorepeat-x,theimageishorizontallyrepeated.

第7题单选题(1分)Tosetthebackgroundimageofawebpageas"bg.jpg",whichofthefollowingiscorrect?()A<bodybackground-image="bg.jpg">B<bodybackground="bg.jpg">C<bodyimage="bg.jpg">D<bodybackground-color="bg.jpg">第8题单选题(1分)InCSSstyle,themeaningofbackground-position:-10px20pxis().AThebackgroundimageisshiftedtotherightby10pxandupwardby20px.BThebackgroundimageisshiftedtotherightby10pxanddownwardby20px.CThebackgroundimageisshiftedtotheleftby10pxandupwardby20px.DThebackgroundimageisshiftedtotheleftby10pxanddownwardby20px.第9题单选题(1分)Regardingthefollowingcsscodes,whichoffollowingisincorrect?()

<pstyle="border:1pxsolidred;

font-size:10px;background-color:green">AThebackgroundcoloroftheparagraphisred.BThebordersizeoftheparagraphis1px.CThefontsizeoftheparagraphis10px.DThebordercoloroftheparagraphisred.第10题填空题(1分)Thefollowingcssstylecodes:<style><!--body{

background-image:url("bg1.jpg");background-repeat:repeat-y;}--></style>Thefunctionofthecodesis___________________.正确答案::["Repeatthepicturevertically","Repeattheimagevertically"]第11题填空题(1分)Thecssstatementusedtoinsertthebackgroundimage(imagepathandnameis"/img/")intothewebpageandtileitis:div{___________________;background-repeat:repeat;}正确答案::["background-image:url(/img/)","background-image:url(\"/img/\")"]test2.6第1题单选题(1分)Incss,weuse()tosetthestackingorderofelements,bydefault,itsvalueis().Az-index0Bx-index0Cz-index1Dx-index1第2题单选题(1分)Whichofthefollowingstatementsaboutrelativepositionisincorrect?()ARelativepositionmeansmovingrelativetotheelementitself.BAftermovingtherelativepositionelement,theoriginalspaceoccupiedbyitwillnotchange.COnlyaftersettingtherelativeposition,top,left,right,bottom,andz-indexwilltakeeffect.DWecanuse

position:relativetosettherelativepositionofthehtmlelement.

第3题单选题(1分)Whichofthefollowingstatementsaboutabsolutepositioniscorrect?()AYoucanuse

position:fixed

tosetabsoluteposition.BThelocationofanabsolutepositionelementisrelativetoitsparentelement.CThelocationofanabsolutepositionelementmayberelativeto<html>.DAbsolutepositionmakestheelementoccupytheoriginalspace.第4题单选题(1分)Incss,toaligntheboxverticallywiththecenterofthepage,pleasefillintheblankspace,whichoptioniscorrect?().box{position:;top:0;bottom:0;left:0;right:0;margin:;width:300px;height:200px;border:2pxsolid#ccc;

}Aabsolute

50%Babsolute

autoCrelative50%Drelativeauto第5题单选题(1分)Whichofthefollowingitemsdoesnotbelongtothepositionattribute?()ArelativeBabsoluteCfixedDauto第6题单选题(1分)Whichofthefollowingstatementsaboutfixedpositionelementiswrong?()ATheelement

positionrelativetothebrowserwindowisfixed.BFixedpositionelementcannotoverlapwithotherelements.CFixedpositionmakesthepositionoftheelementindependentofthedocumentflow.DFixedpositionmakestheelementoccupynospace.第7题单选题(1分)Tocenteralayerinthemiddleofthebrowser,howtoset?()Apadding:50%50%Bmagin:50%50%Cmagin:0autoDNoneoftheaboveiscorrect.第8题填空题(3分)Incss,toalignboxverticallywiththecenterofthepage,pleasefillinthefollowingblankcodespace..box{position:

________;left:50%;top:50%;margin-left:

_________;margin-top:

_________;width:300px;height:200px;border:2pxsolid#ccc;}正确答案::["absolute"]正确答案::["-152px"]正确答案::["-102px"]test3.1第1题单选题(1分)Inthefollowingstatements,whichonesetsthetitleoftheHTMLpageto"HTMLExercise"?()A<head>HTMLpractice</head>B<title>HTMLpractice</title>B.<spanstyle="white-space:pre;"></span><title>HTMLpractice</title>B.<spanstyle="white-space:pre;"></span><title>HTMLpractice</title>HTMLpracticeC<h1>HTMLpractice</h1>D<t>HTML

practice</t>第2题单选题(1分)ThefollowingcodeusestheIDattributeofanHTMLelementtoapplyastyletoaparagraphonawebpage:

<pid="firstp">Thisisthefirstparagraph</p>Whichofthefollowingdefinitionsofstylerulesiscorrect?()A<styletype="text/css">

p{color:red}</style>B<styletype="text/css">

*firstp{color:red}</style>C<styletype="text/css">.firstp{color:red}</style>D<styletype="text/css">#firstp{color:red}</style>第3题多选题(2分)(Multiple-choicequestion)Thereisastylesheetdocumentnamedsheet1.css,andnowweintendtoapplythestylesdefinedinthisstylesheetdocumenttothecurrentpage.Whichofthefollowingmethodsarecorrect?()AInsertthefollowingcodeintothe<head>sectionofthewebpage:

<styletype="text/css">

@importurl('sheet1.css');

</style>BInsertthefollowingcodeintothe<head>sectionofthewebpage:

<linkrel="stylesheet"type="text/css"href="sheet1.css">CInsertthefollowingcodeintothe<head>sectionofthewebpage:

<styletype="text/css">

<linkrel="stylesheet"

type="text/css"href="sheet1.css">

</style>DThestylesheetdocumentisreferencedinthestyleattributeofeachelementtobestyledwithsheet1.css.正确答案:AB第4题单选题(1分)Whichofthefollowingoptionsappliesinlinestyle?()A<p

class="style">B<p

style="color:red;">C<p

id="content">D<pclass="style1style2">第5题单选题(1分)Inwebpages,()isusuallyusedtocompletegenderselection.AcheckboxBtextboxCpasswordboxDradiobutton第6题单选题(1分)ClearingfloatwithclearattributeisusedinCSS2.0,whichofthefollowingitemsisnotincludedintheclearattributevalues?

()AbothBleftCrightDcenter第7题单选题(1分)Tocreateamultilinetextinputboxintheform,theinitialvalueof

textinputboxis"thisisamultilinetextbox".Whichofthefollowingstatementsiscorrect?()A<textareaname="text1"value="thisisamultilinetextbox"></textarea>B<inputtype="text"value="thisisamultilinetextbox"

name="text1">C<inputtype="textarea"

name="text1"value="thisisamultilinetext">D<textareaname="text1"cols=20rows=5>thisisamultilinetextbox</textarea>第8题单选题(1分)Thefollowingcodesnippetisapartofthestylesettingsofawebpage:

<styletype="text/css">

.blue{color:blue}

.red{color:red}

</style>Nowitisrequiredtosetthefirsth1headingtoredandthefirstparagraphtoblue.Whichofthefollowingcodesiscorrect?()A<h1

id="red">thefirstheading</h1><p

id="blue">thefirstparagraph</p>B<h1color:red>thefirstheading</h1><pcolor:blue>thefirstparagraph</p>C<h1

class="red">thefirstheading</h1><pclass="blue">thefirstparagraph</p>D<h2class="red">thef

温馨提示

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

最新文档

评论

0/150

提交评论