web前端開(kāi)發(fā)面試題匯總(編輯修改稿)
2025-04-20 05:08 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 = external]）（a: hover, li: nth child）可繼承的樣式：fontsize fontfamily color, UL LI DL DD DT。不可繼承的樣式：border padding margin width height優(yōu)先級(jí)就近原則，同權(quán)重情況下樣式定義最近者為準(zhǔn)。載入樣式以最后載入的定位為準(zhǔn)。優(yōu)先級(jí)為: !important id class tag ,important 比 內(nèi)聯(lián)優(yōu)先級(jí)高三、 CSS3新增偽類(lèi)舉例p:firstoftype 選擇屬于其父元素的首個(gè) p 元素的每個(gè) p 元素。p:lastoftype 選擇屬于其父元素的最后 p 元素的每個(gè) p 元素。p:onlyoftype 選擇屬于其父元素唯一的 p 元素的每個(gè) p 元素。p:onlychild 選擇屬于其父元素的唯一子元素的每個(gè) p 元素。p:nthchild(2) 選擇屬于其父元素的第二個(gè)子元素的每個(gè) p 元素。:enabled :disabled 控制表單控件的禁用狀態(tài)。:checked 單選框或復(fù)選框被選中。四、 如何居中div？如何居中一個(gè)浮動(dòng)元素？ 水平居中：給div設(shè)置一個(gè)寬度，然后添加margin:0 auto屬性div{width:200px。 margin:0 auto。 } 垂直居中：確定容器的寬高 ：如寬500 高 300 的層設(shè)置層的外邊距.div { Width:500px height:300px。//高度可以不設(shè)Margin: 150px 0 0 250px。 position:relative。相對(duì)定位backgroundcolor:pink。//方便看效果left:50%。 top:50%。}五、 列出display的值，說(shuō)明他們的作用。position的值， relative和absolute定位 原點(diǎn)是1. block 象塊類(lèi)型元素一樣顯示。none 缺省值。象行內(nèi)元素類(lèi)型一樣顯示。inlineblock 象行內(nèi)元素一樣顯示，但其內(nèi)容象塊類(lèi)型元素一樣顯示。listitem 象塊類(lèi)型元素一樣顯示，并添加樣式列表標(biāo)記。2. absolute 生成絕對(duì)定位的元素，相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位。 fixed （老IE不支持）生成絕對(duì)定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位。 relative生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位。 static 默認(rèn)值。沒(méi)有定位，元素出現(xiàn)在正常的流中（忽略 top, bottom, left, right zindex 聲明） inherit 規(guī)定從父元素繼承 position 屬性的值。六、 CSS3有哪些新特性 ？ CSS3實(shí)現(xiàn)圓角（borderradius:8px）， 陰影（boxshadow:10px）， 對(duì)文字加特效（textshadow、） 線(xiàn)性漸變（gradient） 旋轉(zhuǎn)（transform） transform:rotate(9deg) scale(,) translate(0px,30px) skew(9deg,0deg)。//旋轉(zhuǎn),縮放,定位,傾斜 增加了更多的CSS選擇器 多背景 rgba七、 一個(gè)滿(mǎn)屏 品 字布局 如何設(shè)計(jì)八、 為什么要初始化CSS樣式。因?yàn)闉g覽器的兼容問(wèn)題，不同瀏覽器對(duì)有些標(biāo)簽的默認(rèn)值是不同的，如果沒(méi)對(duì)CSS初始化往往會(huì)出現(xiàn)瀏覽器之間的頁(yè)面顯示差異。初始化樣式會(huì)對(duì)SEO有一定的影響，但魚(yú)和熊掌不可兼得，但力求影響最小的情況下初始化。 最簡(jiǎn)單的初始化方法就是： {padding: 0。 margin: 0。} （不建議） 如淘寶的樣式初始化：body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input,textarea, th, td { margin:0。 padding:0。 }body, button, input, select, textarea { font:12px/, arial, \5b8b\4f53。 }h1, h2, h3, h4, h5, h6{ fontsize:100%。 }address, cite, dfn, em, var { fontstyle:normal。 }code, kbd, pre, samp { fontfamily:couriernew, courier, monospace。 }small{ fontsize:12px。 }ul, ol { liststy
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1