css試題及答案

2022-08-19 試題

　　css試題及答案

　　1.常用的塊屬性標(biāo)簽及特征有哪些？

　　常用塊標(biāo)簽：Divh1~h6olullidltdddtabletrthtdpbrform塊標(biāo)簽特征：獨(dú)占一行，換行顯示，可以設(shè)置寬高，塊可以套塊和行

　　2.常用的行內(nèi)屬性標(biāo)簽及特征有哪些？

　　行標(biāo)簽：spanaimgvaremstrongtextareaselectoptioninput行標(biāo)簽特征：在行內(nèi)顯示，內(nèi)容撐開(kāi)寬高，不可以設(shè)置寬高（img,input除外），行只能套行標(biāo)簽

　　3.SEO重視的標(biāo)簽有哪些?

　　4.HTML靜態(tài)頁(yè)面出現(xiàn)中文亂碼如何解決？在head里加入并且保存文件時(shí)編碼格式也選擇utf-8編碼

　　5.下列標(biāo)簽既是行內(nèi)屬性標(biāo)簽又可以設(shè)寬高的標(biāo)簽是？(CD)

　　A.varB.tableC.inputD.imgE.form

　　6.css選擇器有幾種，及各自的書(shū)寫(xiě)方式？（舉例說(shuō)明）

　　ID選擇器，舉例：#div1{}類(lèi)選擇器，舉例：.div1{}標(biāo)簽選擇器，舉例：div{}后代選擇器，舉例：.div1p{}群組選擇器，舉例：#div1,.div2,.div3p,#div4ulli{}

　　7.簡(jiǎn)單說(shuō)說(shuō)你對(duì)“盒模型”這個(gè)概念的理解，以及它都涉及到哪些css屬性？

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

　　8.div1里依次有div2和div3兩個(gè)同級(jí)元素，div2高20px,margin-bottom：30px；

　　div3高50px，margin-top：20px；那么div1的高度是多少？20px+50px+30px=100px

　　本題考點(diǎn)：margin橫向上是相加，但在豎向上卻會(huì)產(chǎn)生疊加的現(xiàn)象,并會(huì)取上下間距的其大者生效

　　9.A標(biāo)簽的偽類(lèi)有哪些，都是什么意思，及書(shū)寫(xiě)順序？

　　link：有鏈接屬性時(shí)visited：鏈接地址已被訪問(wèn)過(guò)hover：鼠標(biāo)懸停在上面active：被用戶(hù)激活時(shí)書(shū)寫(xiě)順序：lvha(lovehate)

　　10.有一個(gè)div寬是1000px，如何讓它在瀏覽器里達(dá)到居中，并且左右自適應(yīng)？

　　div{width:1000px;margin:0auto;}11.常用的調(diào)試工具有哪些？

　　谷歌的審查元素、火狐的firebug、IE開(kāi)發(fā)者工具F12等

　　12.分別說(shuō)出float對(duì)塊屬性及行內(nèi)屬性標(biāo)簽的影響是什么？

　　對(duì)塊屬性標(biāo)簽的影響：可以使塊屬性元素并排排列，在沒(méi)有設(shè)置寬高的情況下浮動(dòng)后，內(nèi)容撐開(kāi)寬度高度

　　對(duì)行屬性標(biāo)簽的影響：float之后能設(shè)置width和height屬性，并支持margin和padding屬性

　　13.寫(xiě)出兼容IE及其他主流瀏覽器的CSS半透明設(shè)置？

　　div{opacity:0.5;fiter:alpha(opacity=50);}

　　14.寫(xiě)出常見(jiàn)的CSS兼容性問(wèn)題？（列舉至少4個(gè)）

　　1.不同瀏覽器的標(biāo)簽?zāi)J(rèn)的`margin和padding差異;2.圖片之間默認(rèn)有間距;3.不透明度;

　　4.圖片有鏈接時(shí)的邊框問(wèn)題；5.雙倍marginbug6....

　　15.CSSposition屬性的常用值有哪些？分別是什么意思？

　　Position:relative;相對(duì)定位（通常用在父級(jí)）Position:absolute;絕對(duì)定位（通常用在子級(jí)）Position:fixed;固定定位(相對(duì)于瀏覽器窗口)

　　16.以下的CSShack設(shè)置分別適用于哪個(gè)瀏覽器？

　　_background-color:green;IE6適用*+background-color:pink;IE7適用*background-color:black;IE6、IE7適用

　　針對(duì)不同的瀏覽器或不同版本瀏覽器而寫(xiě)特定的CSS樣式，叫做CSShack

　　17.html的書(shū)寫(xiě)規(guī)范有哪些？

　　標(biāo)簽換行寫(xiě)法；標(biāo)簽需要關(guān)閉；特殊字符用編碼；標(biāo)簽縮進(jìn)；標(biāo)簽用英文小寫(xiě)；注釋?zhuān)缓侠砬短祝?/p>

相關(guān)推薦

【css試題及答案】相關(guān)文章：

試題物理答案08-25