2011-10-21 142 views
0

我有一個asp.net網站,我在使用樣式表。問題是,當我對樣式表進行一些更改時,它們似乎不會影響頁面的佈局。一時興起,我在樣式表中註釋了每一行,並且我的佈局看起來一樣!CSS表格不影響我的佈局?

我的樣式錶鏈接到我的母版頁中,佈局看起來(大部分)像我想要的。什麼會導致這種行爲,我該如何嘗試糾正?

編輯:我的進口環節看起來是這樣的:

<link href="NCLWebStyle.css" rel="stylesheet" type="text/css" media="screen" /> 
+1

瀏覽器緩存?點擊CTRL + F5查看。 – Jon

+0

可能仍然是CSS文件的緩存問題。嘗試將文件名更改爲'NCLWebStyle.css?1' – Curt

+0

@ MAW74656:我沒有看到該實驗如何排除緩存假設。 – Jon

回答

1

如果您使用的是Firefox,檢查了Firebug插件在 - 因爲它加載和瀏覽器中呈現,這將讓你檢查的頁面,你可以看到什麼CSS規則應用到每個元素在你的頁面中,每個屬性的繼承是什麼 - 它作爲一個網頁設計工具是無價的

+0

- 我有firefox,你知道任何Firebug的好教程嗎? – MAW74656

0

什麼是您的鏈接語法是什麼樣子?

<link rel="stylesheet" type="text/css" href="style/style.css" />

+0

- 請參閱編輯,我不認爲這是問題。 – MAW74656

+0

嘗試將href更改爲「./NCLWebStyle.css」 – William

1

的一些想法進行調試:

  1. 檢查拼寫
  2. 檢查頁面錯誤(特別是404)
  3. 檢查內嵌樣式
  4. 檢查!important
  5. 手動清除緩存(IE中的臨時Internet文件)
+0

- 您可以擴展!重要說明嗎? – MAW74656

+0

'重要'是魔鬼。它基本上將其應用於優先順序頂部的規則推入其中。所以,使用'!important'的規則將會覆蓋任何與它競爭的規則。 [這是一些w3c文檔](http://www.w3.org/TR/CSS2/cascade.html#important-rules) –

1

在Firefox中加載網站並檢查Net標籤以確保樣式表正在加載。從您的鏈接看,樣式表與頁面位於同一文件夾內。如果不是,那麼路徑可能需要修改。如果這不是問題所在;否則它可能是你的一些選擇器。最簡單的方法來診斷是改變一些東西簡單的像:

body { background: red; } 

這將背景設置爲紅色,因此,如果它加載它應該是顯而易見的。如果確實如此,則選擇器關閉,或者可能是您正在設置的樣式被覆蓋。使用Firebug選擇元素並查看樣式是否被覆蓋。如果你寫的風格對他們有一定的影響,那麼他們會被更具體的風格或稍後加載的東西所覆蓋。檢查它是從哪裏加載它正在使用的樣式。

另外,樣式可能會被!important標籤弄亂,這會阻止任何其他樣式重寫它設置的值。

+0

- 我沒有意識到!重要的標籤,所以我確定沒有使用它。我會看看Firebug。知道它的任何好的視頻教程? – MAW74656

+1

http://www.youtube.com/watch?v=FsX6qwQqGgQ評價很高。 – PCasagrande