正文內容

word版可編輯-網頁設計面試題目精心整理(編輯修改稿)

2026-04-20 05:18 本頁面

　

【文章內容簡介】 ground:green。、IEIE6 程序代碼background:orange。*background:green !important。*background:blue。、IEIE7和IE6顯示值程序代碼selector{ property:value。 /* 所有瀏覽器 */ property:value\9。 /* 所有IE瀏覽器 */ +property:value。 /* IE7 */ _property:value。 /* IE6 */ }IE都能識別*，標準瀏覽器(如FF)不能識別*；IE6能識別*，但不能識別!important；IE7能識別*，也能識別!important；FF不能識別*，但能識別!important；于是大家還可以這樣來區分IE6，IE7，Firefox : 程序代碼background:orange。*background:green。_background:blue。不管是什么方法，書寫的順序都是firefox的寫在前面，IE7的寫在中間，IE6的寫在最后面。以下兩種方法幾乎能解決現今所有HACK1 !important隨著IE7對!important的支持, !important 方法現在只針對IE6的HACK.(.) 程序代碼wrapper{width: 100px!important。 /* IE7+FF */width: 80px。 /* IE6 */}2 IE6/IE77對FireFox*+html 與 *html 是IE特有的標簽，Firefox 暫不支持。而*+html 又為 IE7特有標簽。注意:*+html 對IE7的HACK 必須保證HTML頂部有如下聲明：程序代碼!DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//EN　其他兼容技巧1 Firefox下給 DIV 設置 padding 后會導致 width 和 height 增加，但IE不會(可用!important解決)。2 居中問題1）垂直居中：將 lineheight 設置為當前 DIV 相同的高度, 再通過 verticalalign: middle。2）水平居中： margin: 0 auto。(當然不是萬能)；3）若需給 a 標簽內內容加上樣式, 需要設置 display: block。(常見于導航標簽)；4）Firefox 和 IE 對 BOX 理解的差異導致相差 2px ，還有設為 float的DIV在IE下 margin加倍等問題；5）ul 標簽在 Firefox 下面默認有 liststyle 和 padding .，最好事先聲明，以避免不必要的麻煩；6）作為外部 wrapper 的 DIV 不要定死高度, 最好還加上 overflow: hidden。以達到高度自適應；針對Firefox IE6 IE7的CSS樣式現在大部分都是用!important來Hack，對于IE6和Firefox測試可以正常顯示，但是IE7對!important可以正確解釋，會導致頁面沒按要求顯示！找到一個針對IE7不錯的Hack方式就是使用*+html，應該沒有問題了。程序代碼kyogo { color: 333。 } /* Moz */* html kyogo { color: 666。 } /* IE6 */*+html kyogo { color: 999。 } /* IE7 */那么在Firefox下字體顏色顯示為333，IE6下字體顏色顯示為666，IE7下字體顏色顯示為999。CSS布局中的居中問題主要的樣式定義如下：程序代碼body { textalign: center。}center { margin: 0 auto。 }首先在父級元素定義textalign: center。這個的意思就是在父級元素內的內容居中；對于IE這樣設定就已經可以了。但在Mozilla中不能居中。解決辦法就是在子元素定義時候設定時再加上margin: 0 auto。來實現兼容。需要說明的是，如果你想用這個方法使整個頁面要居中，建議不要套在一個DIV里，你可以依次拆出多個DIV，只要在每個拆出的DIV里定義margin: 0 auto。就可以了。浮動IE產生的雙倍距離程序代碼box{ float:left。 width:100px。 margin:0 0 0 100px。 //這種情況之下IE會產生200px的距離 display:inline。 //使浮動忽略}這里細說一下

點擊復制文檔內容

醫療健康相關推薦

word版可編輯-網頁設計面試題目精心整理(編輯修改稿)

word版可編輯-個網頁首圖設計技巧精心整理docxdocx-資料下載頁

word版可編輯-動態網頁設計精心整理docdoc-資料下載頁

word版可編輯-網頁設計布局心得精心整理docdoc-資料下載頁

word版可編輯-網頁設計與制作電子教案精心整理-資料下載頁

word版可編輯-化工畢業設計題目精心整理-資料下載頁

word版可編輯-網頁設計師精心整理docdoc-資料下載頁

word版可編輯-網頁設計基礎試卷精心整理docdoc-資料下載頁

word版可編輯-網頁設計的風格精心整理docdoc-資料下載頁

word版可編輯-網頁設計實習總結范文篇精心整理-資料下載頁

word版可編輯-簡單網頁設計報告精心整理docdoc-資料下載頁

word版可編輯-網頁設計自薦書范文精心整理-資料下載頁

word版可編輯-網頁設計實習心得精心整理docdoc-資料下載頁

word版可編輯-網頁設計與制作精心整理docdoc-資料下載頁

word版可編輯-程序設計題目208精心整理-資料下載頁

word版可編輯-linux課程設計題目精心整理-資料下載頁

word版可編輯-網頁設計面試題目精心整理-文庫吧資料

word版可編輯-網頁設計面試題目精心整理-展示頁

word版可編輯-網頁設計面試題目精心整理-在線瀏覽

word版可編輯-網頁設計面試題目精心整理-閱讀頁

word版可編輯-網頁設計面試題目精心整理(文件)