word版可編輯-網(wǎng)頁設(shè)計(jì)面試題目精心整理(參考版)
2025-03-27 05:18本頁面
【正文】 。 4. CSS3相冊 雖然這個(gè)使用CSS3創(chuàng)建的 Polaroidstyle相冊有些過渡和3D效果無法在所有的瀏覽器中運(yùn)行，不過這真的是一個(gè)很酷的CSS3過渡效果的示例。 只需要一張圖片和CSS代碼就可以實(shí)現(xiàn)圖案文章（詳細(xì)教程請點(diǎn)擊這里）。CSS3都有哪些新內(nèi)容 第 1 選擇器 第 2 RGBA和透明度 第 3 多欄布局 第 4 多背景圖 第 5 Word Wrap 第 6 文字陰影 第 7 fontface屬性 第 8 圓角(邊框半徑) 第 9 邊框圖片 第 10 盒陰影 第 11 盒子大小 第 12 媒體查詢 第 13 語音十。 解決方案：在這個(gè)div里面加上display:inline。 瀏覽器bug IE的雙邊距bug 設(shè)置為float的div在ie下設(shè)置的margin會加倍。mozborderrightcolors:404040 808080。 FF： mozbordertopcolors: d4d0c8 white。 并列排列的多個(gè)元素（圖片或者鏈接）的div和div之間，代碼中的空格和回車在firefox中都會被忽略，而IE中卻默認(rèn)顯示為空格（約3px）。 字體大小定義不同 對字體大小small的定義不同，F(xiàn)irefox中為13px，而IE中為16px，差別挺大。 cursor:hand VS cursor:pointer 問題說明：firefox不支持hand，但ie支持pointer ，兩者都是手形指示。[注] 圓角問題是CSS中的經(jīng)典問題，建議使用JQuery框架集來設(shè)置圓角，讓這些復(fù)雜的問題留給別人去想吧。mozborderradiusbottomleft:4px。 FF： mozborderradius:4px，或者mozborderradiustopleft:4px。 [注] 最好兩個(gè)都寫，并將opacity屬性放在下面。 CSS透明問題 IE：filter:progid:(style=0,opacity=60)。 [注]經(jīng)驗(yàn)證，在IE中，設(shè)置margin:0px可以去除列表的上下左右縮進(jìn)、空白以及列表編號或圓點(diǎn)，設(shè)置padding對樣式?jīng)]有影響；在 Firefox 中，設(shè)置margin:0px僅僅可以去除上下的空白，設(shè)置padding:0px后僅僅可以去掉左右縮進(jìn)，還必須設(shè)置list style:none才 能去除列表編號或圓點(diǎn)。padding:0px。 瀏覽器差異 ul和ol列表縮進(jìn)問題 消除ul、ol等列表的縮進(jìn)時(shí)，樣式應(yīng)寫成：liststyle:none。所以在IE下其實(shí)解釋成這樣： div{maring:30px。margin:28px。 然后插入文字，就垂直居中了。都知道哪些CSS瀏覽器兼容性問題兼容性處理要點(diǎn) DOCTYPE 影響 CSS 處理 FF: 設(shè)置 padding 后， div 會增加 height 和 width， 但 IE 不會， 故需要用 !important 多設(shè)一個(gè) height 和 width FF: 支持 !important， IE 則忽略， 可用 !important 為 FF 特別設(shè)置樣式 div 的垂直居中問題: verticalalign:middle。這些規(guī)則有可能不矛盾的，自然這些規(guī)則將會同時(shí)起效，然而有些規(guī)則是相互沖突的。七。在網(wǎng)頁設(shè)計(jì)上，內(nèi)容常指文字、圖片等元素，但是也可以是小盒子（DIV嵌套），與現(xiàn)實(shí)生活中盒子不同的是，現(xiàn)實(shí)生活中的東西一般不能大于盒子，否則盒子會被撐壞的，而CSS盒子具有彈性，里面的東西大過盒子本身最多把它撐大，但它不會損壞的。這些屬性我們可以把它轉(zhuǎn)移到我們?nèi)粘Ｉ钪械暮凶樱ㄏ渥樱┥蟻砝斫?，日常生活中所見的盒子也具有這些屬性，所以叫它盒子模式。六。解決辦法：對layout使用lineheight屬性 或者給layout使用固定高和寬。IE捉迷藏的問題當(dāng)DIV應(yīng)用復(fù)雜的時(shí)候每個(gè)欄中又有一些鏈接，DIV等這個(gè)時(shí)候容易發(fā)生捉迷藏的問題。}*html left{ marginright:3px。 width:50%。 width:800px。}DIV浮動(dòng)IE文本產(chǎn)生3象素的BUG左邊對象浮動(dòng)，右邊采用外補(bǔ)丁的左邊距來定位，右邊對象內(nèi)的文本會離左邊有3px的間距。 minwidth: 80px。}htmlbody box{ width: auto。要解決這個(gè)問題，可以這樣： 程序代碼box{ width: 80px。這樣問題就大了，如果只用寬度和高度，正常的瀏覽器里這兩個(gè)值就不會變，如果只用mi
醫(yī)療健康相關(guān)推薦
鄂ICP備17016276號-1