HTML+CSS測試題

下列哪些是HTML中行內標籤元素(  ABCEF    )?(多選、本題2分)

A、a    B、span    C、i   D、ul    E、input    F、img

<iframe>內聯框架使用正確的是( A )?(本題1分)
A、<iframe src=”網址”>    B、<iframe href=”網址”>
C、<iframe link=”網址”>    D、<iframe rel=”網址”>

下列CSS選擇器正確的是(   D   )?(本題1分)

A、.body .5    B、.about body    C、title a    D、.about .body

下列哪些屬於CSS中的哪些代表綠色(  BCD   )?(多選、本題2分)

A、#green    B、rgb(0,255,0)    C、rgba(0,255,0,1)    D、green

文本尺寸12px,下列哪些可以實現2倍行高( ABCD )?(多選、本題2分)

A、line-height:2rem    B、line-height:24px

C、line-height:2    D、line-height:200%;

下列關於圓角邊框正確描述的是(  A )?(本題1分)

A、border-radius    B、border-radios    C、border-circle    D、border-ratio

關於圓角單獨控制左下角描述正確的是(  A  )?(本題1分)

A border-bottom-left    B、border-left-bottom

陰影box-shadow:0 0 10px red; 其中10px表示(  C  )?(本題1分)

A、投影向右10px    B、投影向左10px    C、投影大小10px    D、投影向下10px

opacity表示透明度,被設置了此屬性的盒子內的文字也會有透明度嗎?( A  )(本題1分)

A、有透明度    B、沒有透明度

如何產生帶有正方形項目的列表?(  D )(本題1分)
A、list-type: square    B、type: 2
C、type: square    D、list-style-type: square

根據下面代碼,.subbox盒子距.box盒子頂部距離多大?(  C  )(本題2分)

.box{ float: left; width: 300px; height: 200px; }

.subbox { margin-top:50%;}

<div class=”box”>

<div class=”subbox”></div>

</div>

A、50px    B、100px    C、150px    D、200px

盒子使用visibility設置hidden後還保留位置嗎( A )?(本題1分)
A、保留位置    B、不保留位置

下列哪些樣式值可以移動元素本身位置(  ACD )?(多選、本題2分)

A、margin-left    B、padding-left    C、left    D、translateX

Flex佈局中哪個是定義垂直居中( A  )?(本題1分)

A、align-items    B、align-content    C、justify-content    D、flex-direction

根據下列代碼.about的高是多少(  B  )? (本題2分)

.about { maring: 0 auto; }

.about-img { float: left; height: 200px; }
.about-text { height: 100px; }

<div class=”about”>

<div class=”about-img”></div>
    <div class=”about-text”></div>

</div>

A、0    B、100px    C、200px    D、300px;

哪些是表示控制奇數數行的樣式( ABC  )?多選、本題2分)
Aul li:nth-child(2n+1);

B ul li:nth-of-type(2n-1);

C、ul li:nth-of-type(2n+1);

 Dul li:nth-child(2x+1);

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章