為什么我的瀏覽器不能顯示css樣式

1.為什么在不同的瀏覽器顯示效果不一樣？

成都創(chuàng)新互聯(lián)10多年成都定制網(wǎng)站服務(wù);為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì)及高端網(wǎng)站定制服務(wù),成都定制網(wǎng)站及推廣,對成都石雕等多個(gè)方面擁有豐富的網(wǎng)站推廣經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。

因?yàn)椴煌瑸g覽器對于css樣式表的解析不一樣，所以導(dǎo)致樣式乃至層布局發(fā)生變化。例如，ff中設(shè)置padding屬性時(shí)，div會相應(yīng)增加height和width，而ie的解析是不會的，再例如ff對盒模型的解析和ie相差兩個(gè)象素。

2.設(shè)計(jì)時(shí)要做到所有瀏覽器都兼容嗎？

我的答案是即使能做到也沒有必要去做，科技是在進(jìn)步的，用戶總是在推陳出新的使用這新版本的瀏覽器，根據(jù)“設(shè)計(jì)訴說”的站點(diǎn)統(tǒng)計(jì)小樣本結(jié)果顯示，6225個(gè)訪問者中有72.1%使用IE6.0；12.7%使用IE7.0；7.9%在使用FF2.0，剩余的不同版本的瀏覽器占的百分比都不到1% 所以我認(rèn)為只要做到IE6 FF2.0 以及新出的IE7.0兼容即可，頂多向下兼容一下IE5.5，完全沒有必要為了那些個(gè)小數(shù)點(diǎn)費(fèi)勁腦子。如果有必要可以另外設(shè)計(jì)css文件，然后通過js判斷瀏覽器版本進(jìn)行選擇相應(yīng)的文件。

3.css樣式的優(yōu)先級是怎么樣的？

這個(gè)是個(gè)好問題，當(dāng)你弄明白這個(gè)，我想應(yīng)該可以很自如的運(yùn)用一些兼容樣式表的技巧了。在正常的IE中，如果你在css中重復(fù)定義一個(gè)屬性時(shí)，瀏覽器解析的是后面的屬性，舉個(gè)例子

box {

height:100px;

height:200px;

height:400px;

height:300px;

}

重復(fù)定義盒模型的高度屬性，越后面優(yōu)先級越高，所以瀏覽器解析出的結(jié)果就是高度為300px。

4.如何做到讓IE6.0與FF兼容？

最常用的一種方法了，也是屢試不爽的——“!important”，這個(gè)字段是用來提高優(yōu)先級的，而IE6.0對于找個(gè)字段是無法識別的，于是FF與IE6.0就可以分開解析了。例如，在IE下顯示red，F(xiàn)F下顯示blue，只需要這么寫

color {

background-color:blue !important;

background-color:red;

}

“!important”FF可以識別，blue那行提高優(yōu)先級，因此在FF中blue優(yōu)先級高于red，顯示為藍(lán)色

IE6.0將上面的樣式識別成

color {

background-color:blue;

background-color:red;

}

red優(yōu)先級高，所以顯示為紅色。

切記，上下兩句的位置一定不能顛倒。問為什么的再好好看看上兩個(gè)問題，再不明白就面壁去....

5.如何做到讓更低版本IE兼容？

其實(shí)我認(rèn)為做到IE6.0與FF2.0已經(jīng)足夠，5.5的兼容用“ /**/” 5.0的兼容用“”，具體我就不說了，說實(shí)在我也不大懂，大家可以去google一下

6.如何做到IE7.0兼容？

這個(gè)問題我也要問大家，大家有答案的告訴我，因?yàn)樾掳娴腎E7.0對于“!important”具有識別能力，可是對于盒以及padding等的解析卻和 IE6.0差不多，于是乎，完全兼容了IE6.0和FF2.0的就似乎兼容不了IE7.0，搗騰了好久，還是不知道怎么辦。請大家?guī)蛶兔Γ?/p>

7.css對瀏覽器兼容應(yīng)做到完全一致嗎？

個(gè)人認(rèn)為在滿足可讀性的原則和不影響整體布局的前提下，界面有些許的位置不同是可以允許的，要在不同瀏覽器下做到一模一樣，那真是太費(fèi)勁了。

恩，先這些吧，歡迎大家指正和補(bǔ)充～

怎么在瀏覽器中看div+css的樣式，是不是又軟件 安裝下 就可以看到？

查看css樣式：

1、IE類瀏覽器 右鍵查看源文件

2、Firefox

工具-附加組件-獲取組件-查找firebug-安裝

安裝完成后會在右下角出現(xiàn)一個(gè) 甲殼蟲 類的圖標(biāo)，點(diǎn)擊就可以查看源文件及其css樣式

3、點(diǎn)擊文件-保存-保存類型為網(wǎng)頁全部

或者右鍵迅雷下載全部鏈接

這樣可以在本地查看

用瀏覽器腫么看控制div元素的css樣式在哪個(gè)文件

直接F12，然后選中要查看的div，會顯示出css樣式，所有瀏覽器通用

怎么單獨(dú)調(diào)試火狐瀏覽器的css樣式

尊敬的用戶，您好！很高興為您答疑。

css樣式可以在頁面上右擊元素查看，然后即可在下面的面板上出現(xiàn)對當(dāng)前對象生效的css樣式代碼，此時(shí)您可以直接修改css來實(shí)現(xiàn)樣式預(yù)覽。即實(shí)現(xiàn)了您所說的css調(diào)試。

希望我的回答對您有所幫助，如有疑問，歡迎繼續(xù)咨詢我們。

怎樣使用瀏覽器查看網(wǎng)頁HTML和CSS源代碼

IE9瀏覽器默認(rèn)情況下隱藏了瀏覽器菜單欄，因此在打開IE9瀏覽器以后，需要按鍵盤上的ALT鍵來顯示瀏覽器工具欄。

2

在顯示出來的IE菜單欄上點(diǎn)擊菜單“查看”→“源文件”。

3

IE瀏覽器會自動(dòng)打開一個(gè)新的窗口來顯示網(wǎng)頁源代碼。

4

哦~這份緣文件實(shí)在太難看懂了~別著急，其實(shí)IE9提供了一個(gè)更為強(qiáng)大的網(wǎng)頁源代碼查看工具——開發(fā)者工具。

點(diǎn)擊IE9瀏覽器右上角的齒輪圖標(biāo)，在下拉菜單中點(diǎn)擊“F12開發(fā)者工具”，或者直接按鍵盤上的快捷鍵F12也可以打開開發(fā)者工具。

5

IE9的開發(fā)者工具提供更為強(qiáng)大的網(wǎng)頁開發(fā)查看代碼和調(diào)試功能，你可以使用開發(fā)者工具更方便地查看網(wǎng)頁HTML代碼，CSS樣式代碼和腳本等信息。

END

使用Firefox火狐瀏覽器查看網(wǎng)頁源代碼

1

Windows Vista/7用戶：點(diǎn)擊Firefox瀏覽器左上角的快捷菜單，在下拉菜單中點(diǎn)擊“Web開發(fā)者”→“查看頁面源代碼”。

Windows XP/Linux用戶：點(diǎn)擊Firefox瀏覽器的菜單“工具”→“Web開發(fā)者”→“查看頁面源代碼”。

鍵盤快捷鍵：Ctrl+U

2

Firfox瀏覽器會打開網(wǎng)頁源代碼窗口顯示網(wǎng)頁HTML源代碼。

3

如果想要查看其中外聯(lián)的CSS源文件，可以用鼠標(biāo)點(diǎn)擊源代碼中的CSS外聯(lián)文件鏈接網(wǎng)址。

4

不過自帶的之中網(wǎng)頁源文件查看器并不好用，你可以嘗試使用插件Firebug來獲取更好用的網(wǎng)頁開發(fā)功能。

點(diǎn)擊“Web開發(fā)者”→“獲取更多工具”。

5

在彈出的Firefox新標(biāo)簽頁中安裝插件“Firebug”。

6

安裝完成以后會在Firefox瀏覽器的右上角工具欄中添加Firebug的圖標(biāo)，點(diǎn)擊它就可以使用Firebug網(wǎng)頁調(diào)試工具了。

這個(gè)工具相當(dāng)強(qiáng)大哦~

END

使用谷歌Chrome瀏覽器查看網(wǎng)頁源代碼

點(diǎn)擊Chrome瀏覽器右上角的快捷菜單“工具”→“查看源代碼”。

Chrome瀏覽器會打開一個(gè)網(wǎng)頁源代碼顯示窗口，這個(gè)源代碼顯示窗口好像也是不那么友好，一大堆網(wǎng)頁代碼實(shí)在不知道如何下手呀。

如果你想要更好的網(wǎng)頁源代碼顯示和開發(fā)工具，那就點(diǎn)擊Chrome瀏覽器右上角的快捷菜單“工具”→“開發(fā)者工具”。

看看，不需要下載任何插件，Chrome瀏覽器就已經(jīng)為你提供了一個(gè)相當(dāng)強(qiáng)大的網(wǎng)頁開發(fā)者工具了。

使用Chrome瀏覽器開發(fā)者工具來查看和調(diào)試CSS也相當(dāng)好用。

在dw里css樣式有效果，但是在瀏覽器里沒有效果怎么辦?

一、不同的瀏覽器有不同的要求，有些瀏覽器的css的效果用dw的時(shí)候就不會顯示，所以你查看樣式效果的時(shí)候不要用dw。

二、最新版的QQ瀏覽器集成了許多其他瀏覽器的優(yōu)點(diǎn)，在代碼執(zhí)行和瀏覽器優(yōu)化上有了質(zhì)的飛躍，一般的代碼都是可以正常顯示的，你也不用擔(dān)心要換代碼才能起效，用它可以讓你省心省力，你可以下載體驗(yàn)下。

三、請確認(rèn)使用的字體是瀏覽器識別的通用字體，然后確定你的瀏覽器不是ie6到8，在dw內(nèi)寫代碼的時(shí)候不要以設(shè)計(jì)視圖作為參考，設(shè)計(jì)視圖是不準(zhǔn)確的，然后你需要看看你的字體是否被該瀏覽器所支持，盡量使用大眾字體。你可以先把文字換成宋體或者黑體，看看是否顯示。

分享文章：瀏覽器查看css樣式,css設(shè)置ie瀏覽器的樣式
文章分享：http://jinyejixie.com/article44/dsdjehe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、網(wǎng)站建設(shè)、動(dòng)態(tài)網(wǎng)站、小程序開發(fā)、軟件開發(fā)、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)