2023年HTML和CSS面试题及答案_第1页
2023年HTML和CSS面试题及答案_第2页
2023年HTML和CSS面试题及答案_第3页
2023年HTML和CSS面试题及答案_第4页
2023年HTML和CSS面试题及答案_第5页
已阅读5页，还剩29页未读， 继续免费阅读

下载本文档

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

文档简介

编程语言——HＴＭＬ/ＣＳS１、inｐut属于窗体元素,层级显示比flａsh、其它元素都高。请判断这句话的对的与否。A．TB．F2、根据栅格系统的标准用法，错误的是A.＜ｄiｖclass="container">＜ｂr＞<divclasｓ＝"ｒｏw＂>B．＜dｉvｃlass＝＂rｏw＂><bｒ＞<diｖｃｌass="ｃol-md-1＂>C.<divclａｓｓ="rｏw"><br>＜diｖclaｓs＝"ｃontainｅｒ">D.<divcｌａsｓ=＂col-md-１＂>＜ｂｒ><divｃlasｓ=＂row">3、列表分为两类,一是无序列表，一是有序列表，以下哪个是无序列表？Ａ．<UL>Ｂ.＜OL＞Ｃ.＜DIR＞D.<ＤL＞４、关于下列类的说法错误的是?Ａ.sｈoｗ用来显示一个区块Ｂ.ｈiｄe用来隐藏一个divC．hiddeｎ用来隐藏一个ｄivＤ.texｔ-hｉde将会隐藏掉文字5、关于嵌套列的用法，错误的是A.<ｄｉvclass=“roｗ”＞＜bｒ＞<divｃlasｓ=“cｏl－sm-1”＞B．＜dｉｖcｌass＝“ｃｏl-sm－1”><ｂr><divclａｓs=“row”>＜br>C.<dｉvclass=“ｒow”><ｂｒ>＜dｉvclasｓ=“conｔainer”＞<br>＜divｃｌasｓ=“cｏl-xs-1”＞＜br>D．＜divcｌass=“cｏnｔaｉnｅr”><br><diｖｃlass＝“row”＞＜ｂｒ＞＜divclasｓ=“col-xs-1”>6、下面哪一个标符可以产生一个水平线?A.<HR>B.<ＢＲ>C．<ＴR>Ｄ.<T1>7、解决a.htmｌ文献时,以下哪行伪代码也许导致内存越界或者抛出异常(）1234567８91０11１2１3141５

ｉnttｏｔａlBlaｎk=

0；

intblaｎkNum=

０;

intｔａglen=page.taglst.size()；A

fｏr(ｉnti=

1;ｉ＜ｔaｇｌｅn－1;＋＋ｉ）

｛

//checｋｂlａｎkB

ｗｈｉle(ｐａge.tａgｌｓｔ[ｉ]==

"<br>＂&＆i<taglｅn）

｛C

++totalBlank；Ｄ

++i；

}E

if(ｔotalＢlank＞

１０)F

ｂｌanｋNum＋=ｔｏtalBlank;G

totalＢlank=

0;

｝注意:以下代码中tagｌｅn是hｔmｌ文献中存在元素的个数，a．html中taglen的值是15,ｐａｇｅ.taglｓｔ［ｉ]取的是a.htmｌ中的元素,例如pａge.taglst［１]的值是<hｔml>

a.ｈtmｌ的文献如下:ﻫ<html>

<ｔitle>tesｔ<／tiｔle>ﻫ<ｂｏｄy>

<div>aaaａaaa</ｄiｖ>

</ｂody>ﻫ</html>ﻫ<ｂｒ＞ﻫ<br>

<br>

＜bｒ>ﻫ＜br＞Ａ.AB．BC.ＣD.ＤE.EF.FG．G8、下面有关ｈtmｌ5标签说法错误的有?A．＜ａudｉo>标签定义声音，比如音乐或其他音频流B.＜ｃａｎvas>比如来自一个外部的新闻提供者的一篇新的文章,或者来自blｏg的文本，或者是来自论坛的文本。亦或是来自其他外部源内容C．<menu＞标签定义菜单列表。当希望列出表单控件时使用该标签D.<coｍmａnｄ＞标签定义命令按钮，比如单选按钮、复选框或按钮９、下面属于ＣSS3新增属性的有?A．bｏｘ-shaｄowB.teｘｔ-sｈａdowC．bordｅr-rａdiusD．ｒgｂa10、哪些可以给文字加上背景？A．bg-primaryＢ．ｂg－sｕccｅssＣ．bｇ-ｉnfoD.bg-ｗarnｉnｇ１1、在ｂootsｔrａp中，关于全局设立的说法，错误的是A．fｏnt－ｓizｅ为14ｐxＢ．lｉｎe－ｈeigｈt设立为1．428Ｃ.<p>设立了等于1/2行高（即1０ｐx)的底部外边距（marｇiｎ）D．<p＞设立了等于１／２行高（即1０ｐx)的底部内边距(padｄing)1２、以下位于<hｅad＞间的代码片段是做什么用的1<mｅtaname＝"ｖiewpｏrt"coｎｔeｎt="wｉdｔh＝device－width，initｉaｌ-scalｅ＝1"＞A.使得页面编码合乎规定B．表达支持响应式设计C.支持正常的绘制和缩放Ｄ．表达针对滚屏进行适当的适配13、关于ＨTTP协议,下面哪个说法是对的的?Ａ.HＴTＰ协议是有状态协议。B.以下是一个Hｔtp链接的resｐonse的响应头：ＧEＴ／xxx/xxｘ／js／lib/teｓt.jsHTＴP/1.１Hosｔ:12７.0.０．1Connection:kｅep－alivePｒaｇｍa:ｎo-ｃａchｅCache－Conｔrｏl:nｏ－cａｃheAｃcept:*／*C.RＥSＴful接口中,运用HTTP协议的mｅthod字段来描述要对资源操作的方式，比如ＧET表达获取资源，POST表达新增一个资源,PUT表达更新资源,DELＥＴＥ表达删除资源等等。D．一个HTTP请求返回的HTTP状态码中,30４表达临时重定向。14、以下关于盒子模型描述对的的是:A．标准盒子模型中：盒子的总宽度=左右margin+左右bｏrdｅr+左右padding+widｔhＢ.IＥ盒子模型中：盒子总宽度=左右marｇin＋左右boｒｄer+ｗidｔhC.标准盒子模型中:盒子的总宽度=左右ｍargｉn＋左右ｂorｄｅr+widtｈD．IＥ盒子模型中：盒子总宽度=widtｈ15、如何让一个区块居中？A．ｃeｎterB．center-blｏckＣ.ｈorｉzｏｎtal-centｅrＤ.veｒticaｌ-ｃenteｒ16、关于栅格系统,以下说法对的的是A．会有自动的pａddinｇ样式B.会有自动的ｍargiｎ样式C.其字体默认为１4pxD.其ｂox－sｉｚinｇ默认为ｂｏｒｄer-ｂoｘ17、哪些是对的的辅助类A.teｘt-mｕtedB.tｅxt-sｕccessＣ.tｅxｔ－infoＤ.text－wａｒning１8、在bｏｏｔｓtrａp中，

关于导航条，下列说法对的的是?A.应当将被包裹的元素放到nａvｂar-cｏlｌapse类中Ｂ.表单应当放置于nａvbar-foｒm内C．可以使用nａvbar-left和naｖｂar-riｇht来对齐导航条D.可以使用nａvｂar-ｆiｘed-ｔoｐ和navbar-fixeｄ-bottom来将导航条固定到顶部或底部1９、ifｒame的使用场景有?A.与第三方域名下的页面共享cooｋｉeB．上传图片，避免当前页刷新C．左边固定右边自适应的布局D.资源加载20、设立ＣSS属性flｏat的值为

1

时可取消元素的浮动。２1、cｓs属性fonｔ-stｙle用于设立字体的粗细。请判断这句话的对的与否。A.TB．F22、使用CSS来格式化网页,共有三种方式,以下哪一种不是:A.在HEＡD中引用B．作为标记来引用C．在ＢOＤY中引用D．作为文献来引用23、下面有关ｈtmｌ的描述,不推荐的是?A．在页面顶部添加dｏctyｐe声明;Ｂ．在＜/hｅad＞…<bｏdy>中间插入HTML代码；C.避免使用<fｏnt>标签；D．使用<ｔａblｅ>元素展现学生成绩表等数据。2４、在cｓｓ3中要使元素由一种样式转换成另一种样式,需要使用什么属性?A.aｎiｍａtｉonB.ｋeyfｒａmeｓC.fｌashD.transｉtiｏｎ25、关于HTML语义化,以下哪个说法是对的的？A.语义化的HＴＭL有助于机器的阅读,如ＰDA手持设备、搜索引擎爬虫;但不利于人的阅读B.Tａblｅ属于过时的标签，碰到数据列表时,需尽量使用div来模拟表格C.语义化是ＨTML5带来的新概念,此前版本的HTMＬ无法做到语义化D.Header、artｉｃｌe、adｄreｓs都属于语义化明确的标签２6、下列哪一个是页面载入时会触发什么Dom事件?A.onchangｅB．onacliｖeC.onloaｄＤ．oｎrｅsize27、关于boｏtstrap３的说法，错误的是A．在ｗinｄoｗs上支持IE8B.在IＯS上支持ＯperaC．在MACＯS及Ｗｉndowｓ上支持ｆirefoxＤ.在IOS及ａｎdroid上都支持chrｏme2８、下述有关bｏrｄｅr:noｎe以及border:0的区别，描述错误的是?

Ａ.ｂoｒｄer:noｎe表达边框样式无Ｂ．boｒder:0表达边框宽度为０C．当定义了border：nonｅ，即隐藏了边框的显示，实际就是边框宽度为0D.当定义边框时，仅设立边框宽度也可以达成显示的效果2９、为了在ｉnpｕｔ两侧添加额外元素,以下说法对的的是Ａ．使用input-groｕp来封装控件B.使用ｉnｐut－ｇroup-ａdｄｏｎ来添加前置元素Ｃ.使用ｉｎput-ｇrouｐ-tailｏn来添加后置元素D.必须为inpｕt添加ｆorｍ-cｏntroｌ类30、什么

1

css属性可为元素设立外边距

。3１、关于屏幕的尺寸标准,说法错误的是A.col-ｓm－*一般用于大于７68的平板Ｂ．ｃol-ｍd-*一般用于大于９９2的中档屏幕显示器C.ｃｏl-ｌg-*用于大于12０0的桌面显示器D．coｌ-xｓ-*用于小于700的手机屏幕3２、HTMＬ的注释标记是以下哪个选项?A．//注释内容B．/*注释内容＊/C．<！--注释内容-－＞D．《注释内容》33、以下哪一个选项是html５的dtｄ?A.<！DOＣTＹPＥhｔml＞B．<!DOＣTＹＰEHＴＭLPUBＬIC＞C．<!ＤOCTYPExhｔml>D．<!DOＣＴYPEHTML5>３4、能在102４的ｗiｎｄows机器上显示8列而在肾6手机上显示1２列的是A．ｃｏl－ｍd-8cｏl-xs-1２Ｂ.col-lg-8col－sm－１2C．coｌ－ｍd-8col-sm-１2D.col-lｇ-8ｃol-xs-12３5、浮动会导致页面的非正常显示,一下几种清除浮动的方法,哪个是不推荐使用的？A.在浮动元素末尾添加一个空的标签例如＜ｄivsｔｙle=”ｃlear：botｈ”></div>Ｂ．通过设立父元素oveｒｆlow值为ｈｉdden;C．父元素也设立浮动D．给父元素添加cleaｒｆix类3６、浏览器在一次HTTP请求中，需要传输一个40９7字节的文本数据给服务端,可以采用那些方式？A.存入ＩｎｄexdＤBB．写入ＣOＯＫIEC.放在URL参数Ｄ.写入SeｓsiｏnE.使用POＳＴF.放在ＬｏｃalStorage37、下列关于比较Ajaｘ与Fｌａｓh的优缺陷，相关描述对的的是？Ａ．Ajaｘ的优势在旨在于可搜索性，开放性，易用性及易于开发B.Flaｓｈ的优势在于多媒体解决,可以更容易的调用浏览器以外的外部资源C．Ａjax最重要的批评就是它也许破坏浏览器的后退功能D．ｆlasｈ文献经常会很大，用户第一次使用的时候需要忍耐较长的等待时间38、以下说法对的的是Ａ.为<taｂlｅ＞标签添加.table类可以给表格添加水平分割线B．给表格添加taｂle-striped类可以使IＥ8中的表格出现斑马线Ｃ.为表格添加table-boｒderｅｄ类可为表格中每个元素增长边框D.为表格添加table－ｈover类可为表格中增长鼠标悬停样式39、以下说法，错误的是A．mark用于显示变粗的文字Ｂ．<del>用于显示删除的文本C.<ins>的文字会带下划线D．<stｒong>用于强调文本４0、下列关于ｂtn标签的说法对的的是Ａ．btn-group能将按钮组成按钮组B．btｎ-ｔoｏlbar能将btｎ做成复杂组件C．ｂｔｎ-group可以嵌套使用D.可以使用btn-gｒouｐ-lg,bｔn-ｇroup-sm来调整按钮大小4１、下列哪个样式定义后，内联(非块状）元素可以定义宽度和高度A.displaｙ:inlineB．display:ｎoneC.ｄiｓｐlay:ｂlocｋD．disｐlay:iｎｈerit４2、下面有关ｊquerｙ事件的响应,描述错误的是?A.onclicｋ鼠标点击某个对象B.onfｏcus元素失去焦点Ｃ．onlｏａｄ是某个页面的cssjshｔml文档结构和图像被完毕加载Ｄ．oｎmｏuｓedown某个鼠标按键被按下４３、有一个元素，需要在打印时隐藏,使用的类是Ａ.viｓible-ｐｒiｎt-bｌoｃkB.ｖisiｂlｅ－ｐｒint－inliｎeC．hidden-pｒｉnｔD．prinｔ-hｉdden4４、<taｂle>标签中，哪个是表格边框线的粗细？Ａ.boｒｄｅｒcoｌorB.boｒdeｒＣ．ｃellsｐaｃingD．ｃelｌpａdｄiｎｇ45、下列不属于bootｓtrap3的标签是A.rowＢ．ｒoｗ-fｌuidC．ｃol－md-*D.ｆorm-grｏup４６、下述有关cｓs属性ｐosiｔiｏn的属性值的描述,说法错误的是?A．ｓtａtiｃ：没有定位，元素出现在正常的流中Ｂ．ｆiｘeｄ：生成绝对定位的元素，相对于父元素进行定位Ｃ．rｅlatｉve:生成相对定位的元素，相对于元素自身正常位置进行定位。D．aｂsolutｅ：生成绝对定位的元素，相对于ｓtａtic定位以外的第一个祖先元素进行定位。４7、下面哪个属性不会让div脱离文档流（norｍalｆlow）?A．ｐｏsition:ａbｓoluｔｅ;B．pｏｓition：fixｅｄ;C.positiｏｎ：ｒｅｌatｉve;Ｄ.float:lｅft;48、下面有关htmlＤocｔype的描述，说法错误的是?A.它的责任就是告诉浏览器文档使用哪种html或者xhｔml规范B．不同文档模式重要影响CSＳ内容的呈现，特别是浏览器对盒模型的解析C．不同浏览器在混杂模式下的行为差异非常大,假如不使用某些ｈacｋ技术,跨浏览器的行为主线就没有一致性可言。D．假如在文档开始处没有发现文档类型声明，则所有浏览器都会默认启动严格模式49、下列哪个操作是W3C标准定义的阻止事件向父容器传递:A.e．pｒｅventＤefauｌｔ（)B．e.cancｅlBubｂle＝trueC．e.ｓｔｏｐPropagation（)D.e.ｓtoｐImｍeｄiaｔeＰｒopagation()５０、dispｌaｙ:nｏne和viｓibilｉty:hｉdden的说法,对的的是？A.diｓｐlay:nｏnｅ与ｖisibiliｔy:hiｄdｅｎ都可以用来隐藏某个元素B.disｐlaｙ:none在隐藏元素的时候,将其占位空间也去掉；而vｉsibｉlｉtｙ:ｈｉdden只是隐藏了内容而已,其占位空间仍然保存。C.disｐｌａy：ｎone是不符合html5标准的Ｄ．visｉbｉｌｉty:hidden是不符合hｔml5标准的51、在HＴＭＬ５中,哪个方法用于获得用户的当前位置?Ａ.geｔPositｉoｎ()Ｂ.getＣuｒrentPosｉtｉｏn()C．gｅtＵｓerPosiｔiｏn(）D.ｇeｔＬocatioｎ(）５2、对于下拉菜单，错误的是12３45６78９10111２<div

claｓs="dｒopdown＂>

<buttｏn

class="btnｂtｎ-defａｕｌｔdropdown-ｔｏggle"ｔyｐｅ="ｂutｔｏｎ"iｄ="drｏｐdｏwnＭenu1"datａ-tｏｇgle=＂ｄropdown">

Ｄｒoｐdowｎ

<ｓｐan

claｓs=＂caｒet＂＞</spａn＞

</bｕttｏn＞

<ul

class="ｄropdoｗn－menu"role="menu"ariａ-labｅlledbｙ＝＂drｏpｄoｗnMeｎu1">

＜lirolｅ="ｐresentation＂><arole=＂mｅnuiｔem"tabindex=＂-1"hrｅｆ＝"#">Acｔion</a><／ｌi>

<lirole="pｒｅsｅntaｔion＂><arｏle＝＂meｎｕｉtem＂tabindeｘ＝"-1＂href="#"＞Anotheｒａctｉｏn＜/a>＜／ｌi＞

<liroｌｅ="pｒesentatioｎ"><arolｅ＝"mｅnuiteｍ"taｂｉｎdｅｘ="-1"href＝＂#">Sｏｍetｈinｇ

elｓeherｅ</ａ></li>

<lｉrole="ｐresenｔation"><arole="menｕｉtem"tａbｉｎｄex="－１＂href="#">Seｐaratedｌink</ａ>＜/ｌi>

＜/ul＞</ｄiv>A.表达了一个有五个下拉选项的下拉菜单B.<ｓpａnclaｓｓ="cａrｅｔ"></span>可以去掉而不影响功能C．可以加入pｕll-riｇht使菜单右对齐D.可加入ｄroｐｄown－ｍenu-riｇｈt使菜单右对齐53、网页开发中,一般需判断浏览器类型，需通过usｅrＡgent中获取浏览器内核来判断,下列说法错误的是？A．一直到IE9,都是Triｄeｎt内核Ｂ.ｆirefｏｘ是Ｇecko内核C.ｃhｒome是ｗebｋit内核D.IE是目前最快的浏览器54、下列描述错误的是(）A．ＨTＴＰ状态码3０2表达暂时性转移Ｂ．doｍContenｔLoadeｄ事件早于onｌoad事件Ｃ．IＥ6／７/8不支持事件捕获D．lｏｃalＳtoragｅ存储的数据,在刷新页面后会消失55、下面有关CSS中ｌink和＠imporｔ的区别,描述错误的是?A．lｉnｋ属于ＸＨTML标签，而@ｉmporｔ完全是CSS提供的一种方式B．当一个页面被加载的时候，lｉnk引用的CＳS会同时被加载,而@impｏrt引用的ＣSS会等到页面所有被下载完再被加载Ｃ.lｉnk在支持CＳS的浏览器上都支持而@imｐｏrt只在5.0以上的版本有效D．当使用jaｖａscripｔ控制ｄom去改变样式的时候,只能使用@impoｒt方式56、使用CSS的flexboｘ布局,不能实现以下哪一个效果：A．三列布局,随容器宽度等宽弹性伸缩B．多列布局，每列的高度按内容最高的一列等高C.三列布局，左列宽度像素数拟定,中、右列随容器宽度等宽弹性伸缩D.多个宽高不等的元素,实现无缝瀑布流布局57、现有如下hｔｍl结构123４56<ul>

＜li>clickme</lｉ>

＜li＞clｉckmｅ<／ｌｉ＞

<li>ｃｌickme＜/lｉ＞

<ｌｉ＞clicｋme</ｌi><／ｕｌ>运营如下代码：１234５67

varelements=ｄocｕmｅnｔ．geｔElemｅnｔsByTaｇName('ｌi')；

vaｒlｅngtｈ=eleｍｅnts.ｌenｇtｈ;

fｏr(vａri＝０;ｉ＜ｌength;ｉ++){

eｌemｅnts[i］.onclick=functiｏn()｛

aｌert(i)；

}

}依次点击4个ｌi标签,哪一个选项是对的的运营结果（）？A．依次弹出1,2，3,4B．依次弹出0,１，２，3C.依次弹出3，3，3,3D.依次弹出4,4,4，458、下面有关ｈtml结构描述对的的有?A.＜ul><li><／li></uｌ>B.＜oｌ＞<lｉ>＜/lｉ＞＜/ol＞C．<dl＞<dt>＜ｄd></dd>＜／dt><／ｄｌ>Ｄ.<ｔaｂlｅ＞<tr＞<ｔd＞<／ｔd>＜/ｔｒ></tａｂle>59、关于h标签1<h１＞ｈ1．Boｏtsｔrapheading<ｓｍall>Sｅcoｎdａryｔeｘt</ｓmalｌ></h１>以下说法对的的是A.<h1＞最大Ｂ.<ｈ6>最大Ｃ.<ｓmall>用法错误D．<ｓｍａll＞表达副标题６0、嵌入在HＴML文档中的图像格式可以是?A.*.gｉfB．*.tｉfC．*.bｍpD.*.ｊpg61、下面哪一个标符可以产生一个表行？A．<HR>Ｂ．<BR＞Ｃ.<TＲ>D.<T1>62、以下为一段浏览器中可运营的Javasｃript代码,则运营该段Javascript代码的页面弹出框中显示的结果是：（）1２３４vａrobj={＂ｋｅｙ":"1"，"value"："２"}；vaｒｎewＯbj＝ｏbｊ;newObj.valｕｅ+＝obj．key;ａleｒt（ｏbj．ｖalue）;A．2B．12C.３D．2163、下面列出的浏览器，无weｂkit内核的是(）A．chromeB．SafaｒiＣ．搜狗浏览器Ｄ．firefox64、关于hｔｍｌ的盒模型，下列说法对的的是？Ａ．mａrgｉn是内边距B.padｄing是外边距C．borｄｅr是边框D．bｏrder-rａdiｕs是cｓs３标准，因此IＥ并不支持boｒder-raｄiuｓ属性65、下列辅助类的说法错误的是?A.＜butｔontypｅ="bｕtｔon"ｃlass＝＂ｃlｏsｅ"><ｓｐanaｒｉa-hidｄen＝＂tｒue"＞×</span><spanclａｓs="sr-onlｙ">Ｃｌｏse</span></bｕtton>＜ｂｒ>可以用来表达一个关闭按钮Ｂ．<spanclaｓs＝＂careｔ"></spaｎ>可以用来表达一个三角符号C.navbar可使用pull－lｅft类来定义D.ｎａｖbar可使用navbar-ｌeｆt类来定义66、对于ｂorder-radius标签,说法错误的是Ａ．表达圆角边框B．IE8支持良好C．IE9支持良好D．ｆｉｒｅfox支持良好67、把鼠标移到按钮并点击时,会产生一串什么样的事件？A．ａctivｅhoveｆoｃusＢ．foｕcｓhoｖeaｃtiveC.hｏveactivefｏｕcusD．hoｖerｆocusaｃtiｖe６８、以下所有属于块级标签的是？A.<div><p>＜ｉnpuｔ＞<ｓpan>＜ｉmg>B．<dｉv>＜h1><p><img>＜ｄl>C．＜span><h1>＜p>＜img><dl>D.<div><p><ｆorm><ul＞<h1>69、关于栅格系统，哪些是对的的Ａ．col-sｍ-*B.ｃｏl-xs-*C.ｃｏl-ｍd-*D.col-ｌg-*7０、关于ｗeb表单登录中用到的图形验证码的实现，以下做法不对的的有：A.返回给浏览器的ｈtml代码中包含图形验证码和文本字符串,登录前客户端判断输入内容和页面中保存的内容是否一致B．服务器端在返回的图片和ｃookｉe中同时包含图形验证码,登录前客户端判断输入内容和coｏｋiｅ保存的内容是否一致C．服务器端生成验证码后一方面通过图片将验证码返回给客户端,同时在服务器端保存文本的验证码,由服务器端验证输入内容是否对的D.浏览器通过辨认图形验证码中的内容和用户输入的内容判断是否一致71、从四个选项选出不同的一个。A．＜nav>B.<ｆooter>C.<metａ＞Ｄ.<canvａs>72、以下标签,错误的是A．tｅxt-leｆt用于左对齐Ｂ．ｔext-center水平居中对齐C.text-vｅrtical垂直居中对齐D.texｔ－uppercａｓｅ可以将文字所有大写73、css中ｃlear的作用是什么?A．清除该元素所有样式B．清楚该元素父元素的所有样式C．指明该元素周边不可出现浮动元素Ｄ.指明该元素的父元素周边不可出现浮动元素74、下面有关ｃss选择器的说法错误的是?Ａ.．ｉｎtro-－－选择cｌaｓｓ="iｎtｒo＂的所有元素。B.#firstnａme－－-选择ｉｄ="ｆｉrstｎａme"的元素。Ｃ．ｄiv>p-－－选择所有<ｄiｖ＞元素和所有<p>元素D.p-－-选择所有＜p＞元素75、关于ｃaｎvas不对的的是?A．caｎvas是HTMＬ５的一部分,允许脚本动态渲染位图像B.caｎvas是作为Flaｓh的替代技术出现C．cａnvas拥有多种绘制途径、矩形、圆形、字符及添加图像的方法D.IｎｔｅrｎｅtExplorｅr自ＩnｔｅｒnetＥxplorer9起已经可以支持canvａｓ76、不换行必须设立哪些项？A．word-breａｋB．ｌetter－spacinｇC．white-spacｅD.woｒd-spacｉng７7、下面关于IE、FF下面CSＳ的解释区别描述对的的有?A.FireFox的diｖ的内嵌div可以把父级的高度撑大，而ＩE6.０不可以，要自己设立高度。Ｂ.当设立为三列布局时，FirｅＦox0的flｏat宽度不能达成100％，而IＥ6．可以。当设立为两列布局时，两种浏览器都可以。C．火狐浏览器中,非fｌｏaｔ的diｖ前面有同一父级的float的diｖ,此div若有背景图,要使用ｃｌear：boｔh，才干显示背景图，而IE6.0中不用使用ｃlear:ｂoｔhD.在[ｔeｘt-ｄecorａtiｏｎ:unｄerline］的属性下，ＩE6.0显示的下划线会比FiｒeＦox低一点。在FireFox中,部分笔画会在下划线的下面1个象素左右。78、jqueｒyａjａx中都支持哪些返回类型？Ａ．ｘmｌ B．htmlC．jsonpD．jsｏn79、问一份标准的HTML文档有哪几个必须的HTML标签？A.＜html>B．＜heaｄ>C．<ｔｉtle>D.<ｂody>80、假设当前屏幕分别率为１024×76８,定义一个居中的占屏幕一半大小的表格的语句是A．＜TABLＥALＩＧＮ=”CEＮTER”ＷIDTH=”５0%”><／TABLE>B．＜TABLEAＬＩGN=”CEＮTEＲ”ＷIDTＨ=”5１2″＞</TABLE＞Ｃ．<DIVＡLＩGN=”CＥNＴEＲ”><ＴABLEＷIDＴH=”51２″>＜/TＡＢLE><／ＤIV>D.<CEＮＴEＲ>＜TＡBLＥWIＤTＨ=”50%”></TAＢLE＞</CEＮＴＥR>81、选出你认为最合理的定义标题的方法。Ａ．＜sｐａnclass＝”ｈeadｉｎg”＞文章标题＜／sｐan＞B.＜p><ｂ>文章标题</b＞</ｐ>Ｃ.＜h1>文章标题＜/h１>D．<ｓtｒoｎg>文章标题＜/strｏng>82、下面ｓｐan标签中HeｌloWorlｄ字体的颜色是:（）1234567８9101112１3１4１５＜styｌetype＝＂text/css"＞ｓpaｎ{

coｌor:green;}．red｛

ｃoｌｏｒ:ｒed;}#ｂｌue｛

coloｒ：ｂlｕe;}</style>

<spａnｉd=＂bluｅ"ｃｌass="reｄ"ｓtylｅ＝"color:bｌaｃk;">HelloWoｒld＜/span＞

Ａ.greenＢ.reｄＣ．bｌueＤ.black8３、新窗口打开网页，用到以下哪个值（)。A．_selfB.＿bｌanｋC._tｏpD．＿parｅnt８4、关于屏幕的尺寸标准,说法错误的是显示与标签选用无关。请判断这句话的对的与否。Ａ.TB.F8５、ｄisｐｌａy:ｉnline兼容所有的浏览器。请判断这句话的对的与否。A．ＴＢ.F86、有一个元素，需要在pｃ端显示而在手机端隐藏，需要使用的方法是？A．ｖisible-xs-8ｈidden-ｍdＢ．vｉsｉble-mｄ-8hｉdden-xｓC.ｖisible-md-8hiｄden-smD.visibｌe-sm-８hiddｅｎ－md87、放在HＴML里的哪一部分JａvａＳcｒipts会在页面加载的时候被执行?A．文献头部位置B．文献尾C.<head＞标签部分D.<ｂｏdy>标签部分88、以下哪个选项不是块级元素（）A．divB．ｓｐaｎＣ.pＤ．h189、下面有关CSSｓpriｔes说法错误的是？A.允许你将一个页面涉及到的所有零星图片都包含到一张大图中去B.运用CSS的“ｂackgｒｏｕnd-ｉｍage”,“ｂackgｒound-ｒepｅａｔ”，“baｃkｇround-pｏsitiｏｎ”的组合进行背景定位C．CＳSＳpｒiｔeｓ虽然增长了总的图片的字节，但是很好地减少网页的ｈｔtp请求，从而大大的提高页面的性能D.ＣSＳSpｒites整理起来更为方便，同一个按钮不同状态的图片也不需要一个个切割出来并个别命名９０、请选择产生粗体字的HTＭＬ标签：A．<boｌd＞B.<bb＞Ｃ．<b>D．＜bld>91、哪一个html盒模型中的ｂorder的对的写法?A．p{border:５ｐxｓolidｒed;}Ｂ．p{bｏrder:5px＜br＞redsｏｌid;}C．ｐ{borｄeｒ：ｒedsｏlid５ｐx;｝Ｄ.p｛bｏrｄer:soliｄred5px；}92、要运用css3动画,你需要运用什么规则？A.anｉｍａｔｉonＢ.keyｆraｍｅｓC.ｆlashＤ．ｔraｎsitioｎ9３、ＣＳS3支持下列哪一个属性

？Ａ．ｂox－ｓhａdｏwＢ.boｒdeｒC.ｂａckｇrounｄＤ.dispｌay9４、下面有关HTMＬ的Ｄoｃｔｙｐe和严格模式与混杂模式的描述，错误的是？A．声明位于文档中的最前面,处在标签之前。告知浏览器的解析器,用什么文档类型规范来解析这个文档B．在标准模式中,浏览器根据规范呈现页面;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示C．ＤOCTYＰE不存在或格式不对的会导致文档以标准模式呈现Ｄ.浏览器根据DＯCＴYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法95、在使用tabｌｅ表现数据时，有时候表现出来的会比自己实际设立的宽度要宽,为此需要设立下面哪些属性值?A.ｃｅｌlpadｄｉｎg＝”０″B.pａdding:0Ｃ.ｍargin:0D.ｃellspａｃing=”0″９6、以下是行内元素的有（）Ａ.ｓpａｎB.ｉnputＣ．ulD．p97、以下说法对的的是Ａ.<kbｄ>来表达用户输入Ｂ．＜vａr>用来表达变量C.lisｔ－inliｎe类会将所有的元素放置于同一行＜br＞D．<code＞表达代码片段98、常见的浏览器端的存储技术有哪些?A.cｏokｉeB.ｌocａｌStｏrageC．ｓｅｓｓioｎＤ．userData99、文字居中的CSＳ代码是

1

;。100、１

标签必须直接嵌套于ul、ｏl中?１01、cｓs属性oｖｅrflow属性定义溢出元素内容区的内容会如何解决。假如值为ｓcroll，不管是否需要，用户代理都会提供一种滚动机制。A．TrueB．Faｌse102、下列js可以让一个inｐｕt的背景颜色变成红色的是？A.inpuｔＥlｅment．style.baｃkｇｒoｕndＣｏloｒ='red';B．inpｕtEｌｅmeｎt．ｂaｃｋgrｏｕndCoｌor='ｒed＇;Ｃ．inpuｔElｅmｅnt．style.ｂacｋgｒounｄColoｒ='＃0０00＇；Ｄ.inputEｌemenｔ.ｂackｇｒounｄＣolor＝'#0０00'；1０3、下列哪个不是块元素？A．<ｄiv>Ｂ.<p＞C.＜h１>D.<spａn＞１04、表单提交时会触发什么Ｄom事件A.subｍitＢ．ｏnsｕbmitC．oｎuｐｌoaｄD.oｎrｅsiｚe105、下列说法对的的是A.htmｌ5标准的链接默认都是带下划线的B．boｏtstrap链接默认都是带下划线C.bootstraｐ链接只有在hｏveｒ状态下才带下划线D.ｂootstrap链接从不会带下划线10６、如何在CSＳ文献中插入注释？A.//tｈiｓmeｎｔB.//ｔｈiｓisaｃoｍｍent／／Ｃ./＊thisiｓacoｍmenｔ*/D．’ｔhｉｓisａｃｏmmenｔ10７、ｂr标签在XＨＴML中语义为下面哪一项?A.换行Ｂ.强调C．段落Ｄ．标题108、HTMＬ5中支持下面哪个元素?A.<q>B．<ｉns>C.<meｎｕ＞Ｄ．<fｏnt>109、元素的aｌｔ和tｉtle有什么异同，选出对的的说法?A．不同的浏览器,表现同样Ｂ．alt和titｌe同时设立的时候，alｔ作为图片的替代文字出现，titｌe是图片的解释文字Ｃ．alｔ和title同时设立的时候，title作为图片的替代文字出现,alt是图片的解释文字D．以上说法都不对的ＨTML／CＳS答案1、B(帧元素优先级最高,表单元素总是比非表单元素优先级高）2、Ｃ(Bootｓtｒap

框架的网格系统工作原理如下：1

、数据行

(.ｒow)

必须包含在容器(

.cｏnｔａineｒ

）中，以便为其赋予合适的对齐方式和内距

(ｐaddｉng)

。

如：

＜dｉvclass="

containｅr

">

＜diｖcｌasｓ=＂

row

"></div>

<／diｖ>2

、在行

(.row)

中可以添加列

(．cｏlumn）

，但列数之和不能超过平分的总列数，比如12

。

如：

＜ｄｉvｃｌaｓs=＂coｎtaineｒ">

＜dｉvclass＝"roｗ＂>

<dｉvclass＝＂col-md－

4

"></div>

<diｖcｌａsｓ=＂coｌ-md-

８

"></dｉv>３

、具体内容应当放置在列容器（

coｌｕmn

)之内,并且只有列（

coｌｕmｎ

）才可以作为行容器

（．row)

的直接子元素4

、通过设立内距(

pａｄdinｇ

)从而创建列与列之间的间距。然后通过为第一列和最后一列设立负值的外距（

ｍａrgin

）来抵消内距

(paddiｎg)

的影响详：

HＹPERLINK＂"＼t"_blank＂D(对的）关于列的嵌套：Ｂootstrap

框架的网格系统还支持列的嵌套。你可以在一个列中添加一个或者多个行(

roｗ

）容器,然后在这个行容器中插入列。但在列容器中的行容器（

ｒｏw

),宽度为

100%

时，就是当前外部列的宽度)3、A(<ul>无序列表；<ｏｌ>有序列表)４、B

5、C(

栅格系统用于通过一系列的行(row)与列（cｏｌumn)的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面就介绍一下Ｂoｏtstｒａｐ栅格系统的工作原理：“行(row）”必须包含在

.cｏnｔａiner

（固定宽度）或

.containeｒ-fｌuid

（100%宽度）中，以便为其赋予合适的排列(aｌigment)和内补（ｐａddiｎｇ））6、A7、C（由于whiｌe(ｐage.ｔagｌst［i]==

"<ｂr>"

&＆i<tagｌen)这个判断，先执行ｐage.tａｇlｓt[i]＝=

"＜br＞"这个判断,假如这个判断返回值为truｅ,再执行i<tagleｎ这个判断。当i=tagｌｅn的时候,执行page.tａglsｔ[i]==

"<br＞"这个判断就会越界，所以Ｂ处,最先出现越界。把&&左边和右边位置调换一下就对了)8、B(<audio>标签定义声音，比如音乐或其他音频流。A对的。

<canvas>标签定义图形，比如图表和其他图像。<ｃanｖas>标签只是图形容器，您必须使用脚本来绘制图形。B错误，<articｌe>标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自blog的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。ﻫ<mｅnｕ＞标签定义命令的列表或菜单。<ｍeｎu>标签用于上下文菜单、工具栏以及用于列出表单控件和命令。C对的

commaｎｄ元素表达用户可以调用的命令。＜commａｎd>标签可以定义命令按钮,比如单选按钮、复选框或按钮。只有当ｃommaｎd元素位于ｍenu元素内时,该元素才是可见的。否则不会显示这个元素,但是可以用它规定键盘快捷键。D对的。）９、ＡＢＣD(A:ｂox-sｈaｄoｗ:

［<颜色＞＜水平偏移＞＜纵向偏移><模糊半径>]｜|

[<水平偏移><纵向偏移><模糊半径>＜颜色>];说明:(1)

<颜色>和<模糊半径>是可选的,当＜颜色>未指定期,将使用文本颜色;当<模糊半径>未指定期,半径值为0；(２)

ｓｈadｏw可以是逗号分隔的列表，如：

boｘ－shadｏw:2ｐx２pｘ2px＃ccc,３px3px３px#ｄｄd;(3)

阴影效果会按照ｓｈadowlist中指定的顺序应用到元素上;(4）

这些阴影效果有也许互相重叠,但不会叠加文本自身；(５)

阴影也许会跑到容器的边界之外,但不会影响容器的大小.B:阴影的参数格式和box－shadoｗ相同;C:bｏrｄer-radius:

r;

Ｂox的四个角可以由边框半径来设立弯曲度,其定义方式和ｂｏrｄer属性类似;D:rｇｂa(０-255,0-25５,０-255,0-１）

前三个数值是ＲGB颜色的值,最后一个数值指代的是元素的透明度(0表达透明,1表达不透明)．)10、ABCD（

bootstrap重要蓝（bｇ－priｍaｒy)、成功绿（ｂg-sｕccess）、信息蓝（bｇ-info）、警告黄(bg-wａｒning)、危险红（ｂg-dangeｒ))11、D（Bootstｒap排版、链接样式设立了基本的全局样式。

foｎｔ-ｓiｚｅ设立为１4ｐx，linｅ-heｉght设立为1.４2８。

＜p>(段落）元素还被设立了等于１/2行高(即10ｐx）的底部外边距(margｉn))1２、B(widtｈ－viｅｗpoｒt的宽度ｈeｉｇｈt-ｖiｅwport的高度initｉal-scaｌe-初始的缩放比例minimｕm-sｃalｅ-允许用户缩放到的最小比例maｘimum－scale-允许用户缩放到的最大比例ｕser-scaｌablｅ-用户是否可以手动缩放)１３、Ｃ(A错误，hｔtｐ是无状态的B错误，后面的是requeｓt头C对的，GＥT表达获取资源,POST表达新增一个资源，PUT表达更新资源，DＥLETE表达删除资源等等D错误，状态码304表达:假如客户端发送了一个带条件的ＧＥＴ请求且该请求已被允许，而文档的内容(自上次访问以来或者根据请求的条件）并没有改变，则服务器应当返回这个状态码。3０7表达临时重定向！!！）1４、Ａ15、AB16、AＣD(AＢ:栅格系统的工作原理中有，为了创建列（coｌuｍe)之间的间隔

需要设立paddiｎg,并且

需要设立maｒgin为负值

，消除第一个和最后一个之间padding的影响。

C：bｏotstrap将全局的fｏnt－ｓizｅ设立为14pｘ;)1７、ABCＤ18、AＢCD１9、ABＣD(ifｒaｍe可用在以下几个场景中:1:典型系统结构，左侧是功能树,右侧就是一些常见的ｔable或者表单之类的。为了每一个功能，单独分离出来,采用iframe。

2:ajaｘ上传文献。

ﻫ3:加载别的网站内容，例如gｏogｌe广告，网站流量分析。4:

在上传图片时,不用flash实现无刷新。5:

跨域访问的时候可以用到iframe，使用ｉframｅ请求不同域名下的资源)20、nｏne（float有四个值leｆt,righｔ,none(默认值)和inheｒiｔe（从父类继承而来的浮动)）21、B（font-stｙle是设立字体的风格，涉及值norｍal:默认正常情况;italｉｃ:显示文字为斜体;oblique:显示文字为斜体;inherit：从父亲那继承一个样式字体；ｆｏnt－ｗeight为设立字体的粗细）2２、B(

样式表允许以多种方式规定样式信息。样式可以规定在单个的HＴML元素中,在HTML页的头元素中，或在一个外部的ＣSS文献中。甚至可以在同一个ＨＴＭL文档内部引用多个外部样式表。外部样式表内部样式表(位于<hｅaｄ＞标签内部）内联样式(在ＨTＭL元素内部）)２３、B(boｄｙ元素定义文档的主体,包含文档的所有内容，退一步讲即使嵌套也应写在标签对之间)24、D25、D２6、C27、B2８、CD(border：noｎe表达边框样式无,boｒｄeｒ：０表达边框宽度为０;当定义了bｏrdeｒ：nｏne,即隐藏了边框的显示,实际就是边框宽度为0．

ﻫ当定义边框时,必须定义边框的显示样式.由于边框默认样式为不显示ｎone,所以仅设立边框宽度,由于样式不存在,边框的宽度也自动被设立为０．)２9、ABD（向

．fｏrm－coｎtrol

添加前缀或后缀元素的环节如下:把前缀后后缀元素放在一个带有class

.input-groｕｐ

的<div>中。接着,在相同的＜diｖ>内，在clasｓ为

.ｉnput-groｕｐ-aｄdoｎ

的<sｐan>内放置额外的内容。把该＜spａn>放置在<ｉnput>元素的前面或者后面。通过向

.input-grouｐ

添加相对表单大小的class(比如

．ｉnｐut-grｏuｐ-lｇ、inｐuｔ－ｇrouｐ-sｍ、iｎpｕｔ－group-xｓ

）来改变输入框组的大小。输入框中的内容会自动调整大小)3０、marｇin31、D超小屏幕（手机）小屏幕（平板)中档屏幕（桌面）大屏幕（桌面)＜7６8pｘ>=7６８>＝９９2>＝1200.col-xｓ-.col-sm-.col-ｍｄ-.col-lg－32、C３3、A（<!ＤOCTYPE>声明必须位于HTML5文档中的第一行，也就是位于<htｍl＞标签之前。该标签告知浏览器文档所使用的HＴML规范。doctype声明不属于HTＭL标签;tag;它是一条指令,告诉浏览器编写页面所用的标记的版本。在所有HTML文档中规定docｔype是非常重要的，这样浏览器就能了解预期的文档类型。HTＭL４.０１中的doｃtyｐｅ需要对DＴD进行引用，由于HTMＬ4.01基于ＳGML。而ＨＴML5不基于SGＭL,因此不需要对DTD进行引用，但是需要doctypｅ来规范浏览器的行为（让浏览器按照它们应当的方式来运营）)3４、A(bootｓtraｐ３．x使用了四种栅格选项来形成栅格系统,来适合不同尺寸的设备，

以前缀命名这四种栅格选项,他们分别是ｃｏl-ｘs、ｃol-sm、cｏl-md、coｌ-lｇ,我们懂英文的就知道,lg是large的缩写,md是mid的缩写,ｓm是smａll的缩写,ｘs适合超小屏幕设备(手机))35、C(A选项中，通过添加空标签，是W３C推荐的,但会增长多余标签，一般不采用（非不推荐）。而父元素也添加浮动,则使整体浮动影响布局，不推荐)36、E(ＩndｅxdDB

是

HTMＬ５

的本地存储,把一些数据存储到浏览器(客户端)中,当与网络断开时,可以从浏览器中读取数据,用来做一些离线应用。Cookiｅ

通过在客户端

（

浏览器

）

记录信息拟定用户身份,最大为

4kb

。urｌ

参数用的是

gｅt

方法，从服务器上获取数据,大小不能大于

2ｋb

。Ｓessioｎ

是服务器端使用的一种记录客户端状态的机制

。ｐost

是向服务器传送数据，数据量较大。ｌｏcalStorage

也是

HTML５

的本地存储,将数据保存在客户端中(一般是永久的）)37、ＡBCD(Aｊax的优势可搜索性:普通的文本网页会更有助于SＥO。文本内容是搜索引擎容易检索的，而繁琐的ｓwf字节码却是搜索引擎不愿触及的。虽然Google等一些大型的搜索引擎可以检索SＷＦ内部的内容,但是仍然有很多麻烦存在。开放性

：Fｌａsh常年以来被Maｃrｏｍeｄｉa看的很死。涉及Fｌex、FMＳ等辅佐技术一直都需要昂贵的安装、维护费用。而JS则没有这样的麻烦。没有人乐意承担法律和版权的风险。费用

:Flａsｈ开发是很昂贵的，由于FlasｈIDE等环境都是要收费的．而Ajax则不同．虽然有一些便宜的生成sｗf的工具，但是他们的工能实在无法满足复杂需求。易用性

:Ajax程序有更好的易用性。由于中间有一层Flashplａyeｒ代理层,因此许多辅助功能无法被Flaｓh灵活运用。并且Ｆｌash在一些方面有着不好的口碑。比如弹出广告、比如恶意代码。

(awflashｅｒ.ｃom个人认为这八成是乱上xｘ网站导致的)易于开发

：人们开发复杂的Ajax和Ｆlaｓｈ应用程序时,都会借助一些高级的开发工具。普遍来说,Ajaｘ的开发包比Flasｈ简便、容易。Ｆlash的优势

多媒体解决

：Fｌash在音频、视频等多媒体领域相比HTML有绝对的优势。现在几乎所有的网站都包具有Ｆlash内容。兼容性

：兼容性好：由于通过了唯一的FlashPlayer“代理”。人们不必像调试ＪS那样,在不同的浏览器中调试程序。矢量图型

:这是Ｆlａｓh最大的优势,同样处在这一领域的SVG、Ｃanvasｅlement以及Ｄirect完全不能与Flash相比。客户端资源调度

：Flash可以更容易的调用浏览器以外的外部资源。比如摄像头、麦克风等。然而这是普通的HＴML无法完毕的。但是这也许是一个缺陷Ajａx的劣势：1.它也许破坏浏览器的后退功能

2.使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中,但是这些都有相关方法解决。Flash的劣势：１.二进制格式２．格式私有３.ｆｌａsh文献经常会很大,用户第一次使用的时候需要忍耐较长的等待时间

4．性能问题）３８、ACＤ（bootｓtrap．taｂle为任意<tａbｌe>添加基本样式(只有横向分隔线)．taｂlｅ-strｉpｅｄ在<ｔbodｙ＞内添加斑马线形式的条纹（IE8不支持).table-bordeｒed为所有表格的单元格添加边框.ｔable－hｏｖer在<tbｏdy>内的任一行启用鼠标悬停状态．tａblｅ-condensed让表格更加紧凑39、Ａ(<stｒonｇ＞和＜em>标签同样都是用来强调文本的，但是<strong>强调的语气更加强一点。ｍaｒk是用来高亮文本的。<ins>的文字会带下划线。)４0、ABCD(.bｔn-gｒｏｕｐ该class用于形成基本的按钮组;．btn-tｏｏlbａr该claｓs有助于把几组<diｖclasｓ="bｔn-grｏup">结合到一个<diｖｃlasｓ＝＂ｂtｎ-toolbａr＂>中，一般获得更复杂的组件。btn-gｒoup-lｇ，.ｂtn-gｒoup-sm,.bｔn-ｇroｕp-xｓ

这些class可应用到整个按钮组的大小调整，而不需要对每个按钮进行大小调整)４1、C（diｓplａｙ属性:blｏck:ＣSS1块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行

可以定义高度和宽度noｎe:ＣSS1隐藏对象。与ｖisiｂｉｌｉｔy属性的hiｄden值不同，其不为被隐藏的对象保存其物理空间inlｉｎe:CSS1内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行inline-ｂｌｏcｋ:IE5.5将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内iｎherit:看ｄiｓｐlａy默认是不具有继承性的,使用inherit可以让其继承父对象的disｐlay属性。行内元素,一行放置多个,没有宽和高；ﻫ块级元素，一行只能放置一个，有宽和高;ﻫ行内块元素,一行放置多个并且有宽和高.ﻫ行内-－块:dｉsｐlaｙ:bｌｏck;

块-－行内:dispｌay:inｌｉne;

行内,块--行内快:diｓplay：inline－block;)4２、B(w３csｈoｏl中jQuery事件手册中，有很清楚的说明：blur(）方法是当元素失去焦点时,发生ｂlur事件；而fｏｃｕs()方法是当元素获得焦点时发生ｆocｕs事件;)43、C(hidden-print:在浏览器端可见,打印时隐藏)４4、B(ｂordercｏlｏr表达边框颜色;ｃellspａｃiｎｇ表达单元格之间的间隔；ceｌlｐaｄdｉnｇ表达单元格内边距。）45、B46、B值描述aｂsolutｅ生成绝对定位的元素，相对于ｓｔatｉc定位以外的第一个父元素进行定位。元素的位置通过＂left","top",＂riｇhｔ"以及＂bottｏｍ"属性进行规定。fiｘed生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过"leｆt","toｐ"，"right＂以及"bottom"属性进行规定。relative生成相对定位的元素,相对于其正常位置进行定位。因此,"leｆt:20"会向元素的LEＦＴ位置添加20像素。sｔａtic默认值。没有定位,元素出现在正常的流中(忽略ｔop,bottom,left,right或者z-index声明）。iｎherit规定应当从父元素继承poｓitｉon属性的值。4７、C(在ｃss的定位机制有三种,分别是1:文档流，２：浮动(float)，3定位（positiｏｎ）其中文档流的意义就是按照HTＭL里面的写法就是从上到下,从左到右的排版布局;在4答案选项中的属性，floaｔ（浮动）和poｓｉtion（定位）了Ａ:pｏsition:absoｌute;生成绝对定位的元素,相对于sｔatiｃ定位以外的第一个父元素进行定位;都绝对定位了,肯定脱离了文档流。。Ｂ:pｏsition:fiｘｅd;生成绝对定位的元素,相对于浏览器窗口进行定位；相对于浏览器了，也和正常顺序排下来没什么关系。。C:pｏsitioｎ:ｒeｌative;生成相对定位的元素，相对于其正常位置进行定位。生成相对定位，也就是说还在原本的上下左右之间，上下左右的元素都不变，so这个没有能脱离文档流。。就这个了D：ｆloａt:left;都浮动出去了,还上哪保持原位置去。最终答案选择C)４8、D(

Doctyｐe不存在或错误,浏览器默认

混杂模式)4９、C(evenｔ．preventDeｆault();//

取消事件的默认行为

eveｎt.ｓtopPｒopagａtｉoｎ();/／

阻止事件冒泡行为

,

符合

W3C

标准,合用于FｉｒeFｏx

等ｃancelBｕbble

//

阻止事件冒泡行为，不符合

Ｗ３C

标准,合用于

IEstopＩｍmeｄiatePｒopａgａtiｏn

防止对事件流中当前节点中和所有后续节点中的事件侦听器进行解决。此方法会立即生效，并且会影响当前节点中的事件侦听器。ｓtoｐPｒｏpagａｔｉoｎ

防止对事件流中当前节点的后续节点中的所有事件侦听器进行解决。此方法不会影响当前节点

（curreｎtTarｇet)

中的任何事件侦听器。）50、AB(这两者的功能都是隐藏某个元素。不同的是，dispｌay属性设定为“none”的元素将不产生任何的框（Ｂox),也就是说,元素对布局没有影响，浏览器将不显示该元素，涉及其后代元素。更不会占位。而假如设定“ｖｉsibility:hｉddｅｎ”则会生成元素框,只是元素“不可视”,而其他非视觉的属性都将生效,例如ｗidht、paddiｎg等。)51、Ｂ（b是获取当前位置,并返回到一个值中保存，ｄ是定位用户位置，在地图上等)52、Ａ（4个)5３、D54、D(localＳtorａgｅ用于持久化的本地存储,除非积极删除数据,否则数据是永远不会过期的)55、Ｄ（1,@imｐortｕrl(）机制是不同于ｌiｎｋ的，linｋ是在加载页面前把css加载完毕,而@imｐｏｒtuｒl（）则是读取完文献后在加载,所以会出现一开始没有css样式，闪烁一下出现样式后的页面（网速慢的情况下）。

２,@imｐｏrt是css2里面的，所以古老的iｅ5不支持。

３，当使用jaｖascript控制dｏm去改变样式的时候,只能使用lｉｎｋ标签，由于＠ｉｍporｔ不是dom可以控制的。4，linｋ除了能加载ｃss外还能定义ＲSＳ,定义rｅｌ连接属性，@imporｔ只能加载css

)５６、D５7、D(闭包：有权访问另一个函数作用域中的变量函数。闭包保存的是整个变量对象，而不是某个特殊的变量。

闭包与变量:闭包只能取得包含函数中任何变量的最后一个值。页面加载后会自动把脚本部分执行，执行完脚本,i=4.当点击ｃｌickmｅ时触发oｎclick事件此时的i早已是4）５8、ABD(这里重要是讲标签的嵌套。其中li标签必须嵌套在ul标签或oｌ标签中；dｔ标签和dd标签必须嵌套在dｌ标签里面，并且dｔ标签必须位于dd标签前面；tr标签和td标签必须嵌套在tablｅ标签里面,其中td标签必须位于tｒ标签里面。)5９、AＤ(ｈ1－h6依次递减<

ｓｍａll

>标签呈现小号字体效果)60、ACD(ｇiｆ（图形互换格式):gif格式文献最多只能保存256种颜色。该格式支持透明色，支持动画效果。ｊｐeg(联合图像专家组）：该格式不支持透明色及动画，颜色可达1６７0万种。png(网络可移植格式):该格式支持透明色（不同浏览器也许不支持如iｅ5,ie6）,不支持动画，颜色从几种至1670万种。标签图像文献格式

（

TaggeｄImageFileForｍat

,简写为

ＴＩＦF）是一种灵活的

HYPＥRＬIＮK＂"位图

格式,重要用来存储涉及照片和艺术图在内的图像。

ＴIＦF文献格式合用于在应用程序之间和计算机平台之间的互换文献,它的出现使得图像数据互换变得简朴。

TIFF文献以

.ｔiｆ

为扩展名。其数据格式是一种3级体系结构,从高到低依次为:文献头、一个或多个称为ＩＦＤ的包含标记指针的目录和数据)61、C62、D（obj是JS对象，对象由键和值组成，操作以地址进行。ｖarｎｅwObj=obj相称于两个对象指向同一个地址,修改其中任何一个,此外一个也会受到影响)63、D（Safari的内核是weｂkit;Fｉrｅfox的内核是Geｃko;ｃｈrome的内核是Blink；使用了webkｉt，是开源引擎weｂkiｔ中webCorｅ组件的一个分支;搜狗浏览器内核使用了webkit；)64、C(圆角csｓ代码:boｒder－raｄius只有在以下版本的浏览器:Firefox4.0+、Gooｇlｅ

Chrome

１0.0+、Opｅｒa

10.5+、IE９+支持ｂoｒder－rａｄius标准语法格式)6５、C66、Ｂ（IＥ9+、Fiｒｅfｏx4＋、Chrｏｍe、Ｓａfari5+以及Ｏpeｒａ支持bｏｒder－ｒadius属性)67、D(hovｅr－>fｏｃｕs->aｃtive悬停->聚焦->响应)68、Ｄ69、AＢＣD（A：手机<76８px;ｂ:平板>＝7６8ｐｘ;c：桌面>=992px；d:桌面＞＝1200px;)70、ＡBＤ(AB选项都把对的的验证码文本放在了客户端,这是违反了验证码的初衷的。爬虫或者是恶意程序依旧可以通过各种手段获取你嵌入在ｈｔｍl文本或者保存在coｏkｉe中的对的验证码文本，模拟表单提交来达成袭击的目的。D选项更是无稽之谈。Ｃ选项才是对的的实现方式,发送到客户端的只有图片形式的验证码,服务器端保存coｏkie相应的图形验证码的对的文本。客户端表单提交时到服务器端验证。)71、C(Ａ选项<ｎaｖ></nav>，位于<body>＜／ｂodｙ>中。标签定义导航链接;Ｂ选项<ｆooter>＜／ｆooｔer>,位于＜ｂｏdｙ＞＜/bｏdy>中。标签定义文档或节的页脚;Ｃ选项＜meta>，

<metａ＞元素可提供有关页面的元信息（ｍeｔa-ｉnfoｒmation），比如针对搜索引擎和更新频度的描述和关键词。

<meta>标签位于文档的头部（<hｅad></head>)，不包含任何内容。<mｅta＞标签的属性定义了与文档相关联的名称/值对。D选项＜ｃaｎvaｓ>。<canvａｓ>位于<bｏdｙ＞＜/ｂody>

中，

标签定义图形,比如图表和其他图像。）72、C(vｅrtｉcal-align是设立设立元素的垂直对齐方式。没有text-verｔical)7３、C(clear：ｎｏｎe｜left|riｇht|both．对于CＳS的清除浮动(cｌｅar），一定要牢记：这个规则只能影响使用清除的元素自身，不能影响其他元素)7４、C(diｖ>p的意思是说:选择所有父元素为dｉv的p元素，假如一个p元素的父元素不是dｉv，那么这个p元素是不会被选择的!!！)75、B７6、AC(work-ｂreak是css３属性自动换行法则;设立white-ｓｐace为noｗrａp,文本不会换行，文本会在同一行上继续，直到碰到<ｂr>标签为止）７7、ＣＤ(1.pnｇ透明背景，FF下面没有问题,ＩE需要用滤镜通道2.z-index在IE、FF下面的解释问题)78、ABCD79、ABCD80、ＡBCD81、C（A是添加了一个类Ｂ是用加粗C使用标签h１D是强调自然是选用标签h1）８2、D(权重:内联权重10０0,ID选择器权重:１０0，类伪类属性选择器权重:10，类型选择器权重：１除!ｉmpｏｒｔaｎt,内联权重最大!)８３、B(target属性值:＿blaｎk浏览器会另开一个新窗口显示链接＿seｌf，在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定。_paｒｅnt,将链接的文献载入具有该链接框架的父框架集或父窗口中。假如具有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文献,就象_ｓｅlf参数同样。＿top,在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架_ｓeａｒch在浏览器的搜索区装载文档，注意,这个功能只在ＩｎｔerneｔExploｒer5或者更高版本中合用)８4、A(ｈｔml文档加载是从上到下加载，只与标签的上下顺序有关，与标签选用无关）8５、B（IE6－IE7不怎么兼容)86、Ｂ87、D（cｓｓ在<hｅad></head>中引用先把样式添加进去让浏览器渲染页面js文献在<boｄy></bｏdy＞最下面或者</ｈtml>之前都可以页面加载完毕在进行交互)88、B（大多数ＨＴＭL元素被定义为块级元素或内联元素。“块级元素”译为ｂｌocklｅveｌelemｅnｔ,“内联元素”译为inlineeleｍeｎt。１.块级元素在浏览器显示时，通常会以新行来开始(和结束）。块级元素按照其应用于结构还是内容分为三种:结构化块状元素,终端块状元素,多目的块状元素。结构化块状元素：这类元素用于构造文档的结构,没有语义上的含义，仅仅划分出了文档的组织方式，并没有体现文档的内容。

终端块状元素:这类元素用于从结构转向内容，拥有语义上的含义，可以表白内容的性质。终端块状元素属于结构的终点,它们不能再包含其他块级元素，只能包含文本或行级元素。多目的块状元素:多目的指的是可以自由的扩展或嵌套文档的结构，以可以终端的形式出现。当多目的块状元素以结构化的方式使用时就具有结构化的内涵，以终端的形式使用就具有语义的内涵。

2.内联元素（inlineelemeｎt)一般都是基于语义级(sｅｍantic)的基本元素,只能容纳文本或者其它内联元素。

Ａ属于

多目的块状元素C和D属于

终端块状元素B：sｐan

常用内联容

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

温馨提示

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

最新文档

评论

0/150

提交评论