2018年css試題及答案

1、20182018年csscss試題及答案試題及答案1.1.常用的塊屬性標(biāo)簽及特征有哪些？常用的塊屬性標(biāo)簽及特征有哪些？常用塊標(biāo)簽：Divh1~h6olullidltdddtabletrthtdpbrfm塊標(biāo)簽特征：獨(dú)占一行，換行顯示，可以設(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)頁(yè)面出現(xiàn)中文亂碼如何解決？在head里加入并且保存文件時(shí)編碼格式也選擇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、式？（舉例說(shuō)明）選擇器有幾種，及各自的書寫方式？（舉例說(shuō)明）ID選擇器，舉例：#div1類選擇器，舉例：.div1標(biāo)簽選擇器，舉例：div后代選擇器，舉例：.div1p群組選擇器，舉例：#div1.div2.div3p#div4ulli7.7.簡(jiǎn)單說(shuō)說(shuō)你對(duì)“盒模型”這個(gè)概念的理解，以及它都涉及到哪些簡(jiǎn)單說(shuō)說(shuō)你對(duì)“盒模型”這個(gè)概念的理解，以及它都涉及到哪些csscss屬性？性？在css布局中，每一個(gè)html元素在瀏覽器中的解析都可以被看作

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

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

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

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

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

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