css試題及答案

2021-07-11 試題

　　1、常用的塊屬性標簽及特征有哪些？

　　常用塊標簽：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的書寫規范有哪些？

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

【css試題及答案】相關文章：