2018年css試題及答案

1、20182018年csscss試題及答案試題及答案1.1.常用的塊屬性標(biāo)簽及特征有哪些？常用的塊屬性標(biāo)簽及特征有哪些？常用塊標(biāo)簽：Divh1~h6olullidltdddtabletrthtdpbrfm塊標(biāo)簽特征：獨占一行，換行顯示，可以設(shè)置寬高，塊可以套塊和行2.2.常用的行內(nèi)屬性標(biāo)簽及特征有哪些？常用的行內(nèi)屬性標(biāo)簽及特征有哪些？行標(biāo)簽：spanaimgvaremstrongtextareaoptioninput行標(biāo)簽特征：在行內(nèi)顯示

2、，內(nèi)容撐開寬高，不可以設(shè)置寬高（imginput除外），行只能套行標(biāo)簽3.SEO3.SEO重視的標(biāo)簽有哪些重視的標(biāo)簽有哪些4.HTML靜態(tài)頁面出現(xiàn)中文亂碼如何解決？在head里加入并且保存文件時編碼格式也選擇utf8編碼5.5.下列標(biāo)簽既是行內(nèi)屬性標(biāo)簽又可以設(shè)寬高的標(biāo)簽是？下列標(biāo)簽既是行內(nèi)屬性標(biāo)簽又可以設(shè)寬高的標(biāo)簽是？(CD)(CD)A.varB.tableC.inputD.imgE.fm6.css6.css選擇器有幾種，及各自的書寫方

3、式？（舉例說明）選擇器有幾種，及各自的書寫方式？（舉例說明）ID選擇器，舉例：#div1類選擇器，舉例：.div1標(biāo)簽選擇器，舉例：div后代選擇器，舉例：.div1p群組選擇器，舉例：#div1.div2.div3p#div4ulli7.7.簡單說說你對“盒模型”這個概念的理解，以及它都涉及到哪些簡單說說你對“盒模型”這個概念的理解，以及它都涉及到哪些csscss屬性？性？在css布局中，每一個html元素在瀏覽器中的解析都可以被看作

4、一個盒子，擁有盒子一樣的外形和平面空間它由margin、bder、padding、content四部分組成涉及到的CSS屬性有：margin、bder、padding、display8.div18.div1里依次有里依次有div2div2和div3div3兩個同級元素，兩個同級元素，div2div2高20pxmargin20pxmarginbottombottom：30px30px；div3高50px，margintop：20px；那么

5、div1的高度是多少？20px50px30px=100px本題考點：margin橫向上是相加，但在豎向上卻會產(chǎn)生疊加的現(xiàn)象并會取上下間距的其大者生效9.A9.A標(biāo)簽的偽類有哪些，都是什么意思，及書寫順序？標(biāo)簽的偽類有哪些，都是什么意思，及書寫順序？link：有鏈接屬性時visited：鏈接地址已被訪問過hover：鼠標(biāo)懸停在上面active：被用戶激活時書寫順序：lvha(lovehate)10.10.有一個有一個divdiv寬是寬是1

6、000px1000px，如何讓它在瀏覽器里達到居中，并且左右自，如何讓它在瀏覽器里達到居中，并且左右自適應(yīng)？適應(yīng)？divwidth:1000pxmargin:0auto11.常用的調(diào)試工具有哪些？谷歌的審查元素、火狐的firebug、IE開發(fā)者工具F12等12.12.分別說出分別說出floatfloat對塊屬性及行內(nèi)屬性標(biāo)簽的影響是什么？對塊屬性及行內(nèi)屬性標(biāo)簽的影響是什么？對塊屬性標(biāo)簽的影響：可以使塊屬性元素并排排列，在沒有設(shè)置寬高的情

7、況下浮動后，內(nèi)容撐開寬度高度對行屬性標(biāo)簽的影響：float之后能設(shè)置width和height屬性，并支持margin和padding屬性13.13.寫出兼容寫出兼容IEIE及其他主流瀏覽器的及其他主流瀏覽器的CSSCSS半透明設(shè)置？半透明設(shè)置？divopacity:0.5fiter:alpha(opacity=50)14.14.寫出常見的寫出常見的CSSCSS兼容性問題？（列舉至少兼容性問題？（列舉至少4個）個）1.不同瀏覽器的標(biāo)簽?zāi)J

8、的margin和padding差異2.圖片之間默認有間距3.不透明度4.圖片有鏈接時的邊框問題；5.雙倍marginbug6....15.CSSposition15.CSSposition屬性的常用值有哪些？分別是什么意思？屬性的常用值有哪些？分別是什么意思？Position:relative相對定位（通常用在父級）Position:absolute絕對定位（通常用在子級）Position:fixed固定定位(相對于瀏覽器窗口)16.1

9、6.以下的以下的CSShackCSShack設(shè)置分別適用于哪個瀏覽器？設(shè)置分別適用于哪個瀏覽器？_backgroundcol:greenIE6適用backgroundcol:pinkIE7適用backgroundcol:blackIE6、IE7適用針對不同的瀏覽器或不同版本瀏覽器而寫特定的CSS樣式，叫做CSShack17.html17.html的書寫規(guī)范有哪些？的書寫規(guī)范有哪些？標(biāo)簽換行寫法；標(biāo)簽需要關(guān)閉；特殊字符用編碼；標(biāo)簽縮進；標(biāo)