網(wǎng)頁(yè)制作案例教程HTML5 CSS3 試題及答案 項(xiàng)目6 元素的浮動(dòng)與定位

一、單選題1、清除浮動(dòng)的css寫(xiě)法不正確的是（

）。(單選題)A、clear:noneB、clear:bothC、clear:rightD、clear:left答案：A2、下面關(guān)于代碼img{clear:both;}說(shuō)法正確的是（

）。(單選題)A、將<img>標(biāo)簽左側(cè)的浮動(dòng)元素清除B、將<img>標(biāo)簽右側(cè)的浮動(dòng)元素清除C、設(shè)置<img>標(biāo)簽兩側(cè)允許浮動(dòng)D、將<img>標(biāo)簽兩側(cè)的浮動(dòng)元素清除答案：D3、下列選項(xiàng)中，不屬于float屬性值的是（

）。(單選題)A、none值B、left值C、right值

D、all值

答案：D4、在網(wǎng)頁(yè)中有一個(gè)id為content的div，下面選項(xiàng)中正確設(shè)置它的寬度為200像素，高度為100像素，且向左浮動(dòng)的是（

）。(單選題)A、#content{width:200px;height:100px;float:left;}B、#content{width:100px;height:200px;clear:left;}

C、、content{width:200px;height:100px;clear:left;}D、、conteng{width:100px;height:200px;float:left;}答案：A5、下列哪個(gè)樣式定義后,可以使文字居中（

）。(單選題)A、display:inlineB、text-align:centerC、overflow:hidden;D、float:center答案：B6、關(guān)于float屬性的說(shuō)法錯(cuò)誤的是（

）。(單選題)A、float屬性定義元素在哪個(gè)方向浮動(dòng)。B、在CSS中,任何元素都可以浮動(dòng)。C、浮動(dòng)元素會(huì)生成一個(gè)塊級(jí)框,而不論它本身是何種元素。D、IE瀏覽器不支持float屬性。答案：D7、在CSS中，以下哪個(gè)屬性用于設(shè)置元素的浮動(dòng)（）？A、floatB、positionC、displayD、margin答案：A8、在CSS中，以下哪個(gè)值表示元素將相對(duì)于其正常位置進(jìn)行定位（）？A、staticB、relativeC、absoluteD、fixed答案：B9、在CSS中，以下哪個(gè)屬性用于清除浮動(dòng)的影響（）？A、clearB、floatC、displayD、position答案：A10、以下哪個(gè)CSS屬性值表示元素將保持其默認(rèn)定位，即不進(jìn)行任何特殊定位（）？A、staticB、relativeC、absoluteD、fixed答案：A11、CSS中哪個(gè)屬性用于設(shè)置元素在頁(yè)面上的固定位置，即使頁(yè)面滾動(dòng)也不變（）？A、float:fixed;B、position:fixed;C、display:fixed;D、fixed:position;答案：B12、在CSS中，哪個(gè)屬性用于設(shè)置元素的絕對(duì)定位（）？A、float:absolute;B、position:absolute;C、display:absolute;D、absolute:position;答案：B13、CSS中哪個(gè)屬性用于控制元素是否應(yīng)位于浮動(dòng)元素之上或之下（）？A、floatB、positionC、clearD、display答案：C14、關(guān)于float描述錯(cuò)誤的是()。A、float:leftB、float:centerC、float:rightD、float:none答案：B15、如何清除ul的浮動(dòng)（）A、ulli::last-child{clear:both}B、ul::after{content:"";clear:both;display:block}C、ul{clear:both}D、ul::before{content:"";clear:both;display:block}答案：B16、如何清除元素兩側(cè)的浮動(dòng)？A、clear:none;B、clear:both;C、clear:right;D、clear:left;答案：B17、position:fixed;的元素相對(duì)于什么進(jìn)行定位？A、其父元素B、最近的已定位祖先元素C、整個(gè)文檔D、瀏覽器窗口答案：D18、當(dāng)一個(gè)元素被設(shè)置為position:absolute;時(shí)，top:50px;是相對(duì)于什么定位的？A、瀏覽器窗口B、其父元素C、最近的已定位祖先元素D、HTML文檔答案：C（如果沒(méi)有已定位的祖先元素，則相對(duì)于初始包含塊）19、哪個(gè)CSS屬性用于設(shè)置元素的z軸位置？A、z-indexB、positionC、topD、float答案：A20、哪個(gè)CSS屬性用于設(shè)置元素的左浮動(dòng)？A、float:left;B、position:left;C、text-align:left;D、left:0;答案：A二、多選題1、在CSS中，可以通過(guò)float屬性為元素設(shè)置浮動(dòng)，以下屬于float屬性值的是（

）。(多選題)A、leftB、centerC、rightD、none答案：ACD2、position屬性用于定義元素的定位模式，下列選項(xiàng)中屬于position屬性常用屬性值的是（

）。(多選題)A、staticB、relativeC、absoluteD、fixed答案：ABCD3、關(guān)于z-index屬性的說(shuō)法，哪些是正確的？A、z-index用于控制元素的堆疊順序B、z-index只能用于定位元素C、z-index值越大，元素越顯示在上方D、z-index的值可以是任意實(shí)數(shù)答案：ABC4、關(guān)于相對(duì)定位（position:relative;）的說(shuō)法，哪些是正確的？A、相對(duì)定位的元素相對(duì)于其正常位置進(jìn)行定位B、相對(duì)定位的元素脫離文檔流C、相對(duì)定位的元素可以通過(guò)top,right,bottom,left屬性設(shè)置位置D、相對(duì)定位的元素不會(huì)影響其他元素的位置答案：ACD5、關(guān)于clear屬性的說(shuō)法，哪些是正確的？A、clear屬性用于控制元素如何與浮動(dòng)元素進(jìn)行交互B、clear:both;意味著元素應(yīng)該被放置在之前的