css試題及答案

1、常用的塊屬性標籤及特徵有哪些?

css試題及答案

常用塊標籤:Divh1~h6olullidltdddtabletrthtdpbrform塊標籤特徵:獨佔一行,換行顯示,可以設置寬高,塊可以套塊和行

2、常用的行內屬性標籤及特徵有哪些?

行標籤:spanaimgvaremstrongtextareaselectoptioninput行標籤特徵:在行內顯示,內容撐開寬高,不可以設置寬高(img,input除外),行只能套行標籤

3、SEO重視的標籤有哪些?

4、HTML靜態頁面出現中文亂碼如何解決?在head里加入並且保存文件時編碼格式也選擇utf-8編碼

5、下列標籤既是行內屬性標籤又可以設寬高的標籤是?(CD)

A、varB、tableC、inputD、imgE、form

6、css選擇器有幾種,及各自的書寫方式?(舉例說明)

ID選擇器,舉例:#div1{}類選擇器,舉例:、div1{}標籤選擇器,舉例:div{}後代選擇器,舉例:、div1p{}羣組選擇器,舉例:#div1,、div2,、div3p,#div4ulli{}

7、簡單說說你對“盒模型”這個概念的理解,以及它都涉及到哪些css屬性?

在css佈局中,每一個html元素在瀏覽器中的解析都可以被看作一個盒子,擁有盒子一樣的外形和平面空間它由margin、border、padding、content四部分組成涉及到的CSS屬性有:margin、border、padding、display

8、div1裏依次有div2和div3兩個同級元素,div2高20px,margin-bottom:30px;

div3高50px,margin-top:20px;那麼div1的高度是多少?20px+50px+30px=100px

本題考點:margin橫向上是相加,但在豎向上卻會產生疊加的現象,並會取上下間距的`其大者生效

9、A標籤的僞類有哪些,都是什麼意思,及書寫順序?

link:有鏈接屬性時visited:鏈接地址已被訪問過hover:鼠標懸停在上面active:被用戶激活時書寫順序:lvha(lovehate)

10、有一個div寬是1000px,如何讓它在瀏覽器裏達到居中,並且左右自適應?

div{width:1000pxmargin:0auto}11、常用的調試工具有哪些?

谷歌的審查元素、火狐的firebug、IE開發者工具F12等

12、分別說出float對塊屬性及行內屬性標籤的影響是什麼?

對塊屬性標籤的影響:可以使塊屬性元素並排排列,在沒有設置寬高的情況下浮動後,內容撐開寬度高度

對行屬性標籤的影響:float之後能設置width和height屬性,並支持margin和padding屬性

13、寫出兼容IE及其他主流瀏覽器的CSS半透明設置?

div{opacity:0、5fiter:alpha(opacity=50)}

14、寫出常見的CSS兼容性問題?(列舉至少4個)

1、不同瀏覽器的標籤默認的margin和padding差異2、圖片之間默認有間距3、不透明度

4、圖片有鏈接時的邊框問題;5、雙倍marginbug

15、CSSposition屬性的常用值有哪些?分別是什麼意思?

Position:relative相對定位(通常用在父級)Position:absolute絕對定位(通常用在子級)Position:fixed固定定位(相對於瀏覽器窗口)

16、以下的CSShack設置分別適用於哪個瀏覽器?

_background-color:greenIE6適用*+background-color:pinkIE7適用*background-color:blackIE6、IE7適用

針對不同的瀏覽器或不同版本瀏覽器而寫特定的CSS樣式,叫做CSShack

17、html的書寫規範有哪些?

標籤換行寫法;標籤需要關閉;特殊字符用編碼;標籤縮進;標籤用英文小寫;註釋;合理嵌套;