CSS的工作方式

我想知道，如果有人可以告訴。建議我在我的網站上有一個CSS，並且我想在每個頁面的頂部使用相同的屬性（類）。我將在其餘的頁面上使用不同的類。舉例來說，我有Page1，Page2，Page3。它們都使用相同的CSS類作爲「Welcome to my site」標籤，但除了該標籤外，每個頁面都顯示不同的數據並使用不同的類。因此，每次我從第1頁移動到第3頁時，我總是調用相同的CSS。CSS的工作方式

我的問題是，什麼是最好的做，既高效，純粹-LY：

1.Call在每一頁又同班。

2.爲頁面頭部設置樣式，所以我們不會每次調用CSS。

3.對其餘頁面使用Iframe。

4.另一種我沒有提到的方法。

--AFTER Edit--

最好的，大衛

來源

2012-05-10 David Rasuli

你能否試着用其他的語言來解釋這個問題？很難理解你想要什麼。 –

Definetely 1.，那是什麼css類是:-) – Gatekeeper

我不知道它是什麼，你想要的，但如果你想在您的網頁上有一些常見的CSS，那麼這就是CSS鏈接派上用場：

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

你可以有很多這樣的，你在一個頁面（他們在<head>去）喜歡，所以，只要你喜歡，你可以在儘可能多的文件分割你的CSS。此外，這可以讓你的觀衆緩存CSS文件，所以他們不必每次都下載它。

實施例：

SuperLabel.css

.superLabel 
{ 
    color: red; 
    font-weight: bold; 
    margin: 50px; 
}

Page1.html

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Page 1</title> 
     <link rel="stylesheet" type="text/css" href="SuperLabel.css"/> 
     <link rel="stylesheet" type="text/css" href="page1.css"/> 
    </head> 
    <body> 
     <div class="superLabel">I'm FABULOUS!</div> 
     ... the rest of content ... 
    </body> 
</html>

Page2.html

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Page 1</title> 
     <link rel="stylesheet" type="text/css" href="SuperLabel.css"/> 
     <link rel="stylesheet" type="text/css" href="page2.css"/> 
    </head> 
    <body> 
     <div class="superLabel">I'm fabulous AGAIN!</div> 
     ... the rest of content ... 
    </body> 
</html>

來源

2012-05-10 07:20:01

感謝您的意見，我已編輯我的問題 –

@DavidRasuli - 那麼，這是你的解決方案。將相關的CSS移動到它自己的文件並引用它。我馬上舉個例子。 –

非常感謝Vilx！ –

Iam不完全確定我是否理解了您的問題 - 但是您的意思是將頭部CSS與其他身體分離以提高加載時間？如果那是你的問題，我不認爲它是必要的。它並不那麼沉重，用戶瀏覽器通常將其緩存起來，然後檢查自上次訪問後是否修改了它。

來源

2012-05-10 07:23:55

我編輯了我的問題。 –

您不需要使用iframe。身體標籤也可以有課。

如果我給Page1類 '樣式1' 的身體，並給第2頁類的藍紫魅力「

<span class="welcome">Welcome to my site</span>

和css的身體是

.style1 .welcome { color:red; } 
.style2 .welcome { color:blue; }

，

第1頁的 '歡迎辭'文字顏色將變爲紅色，和第2頁的「歡迎信息」文字顏色將爲藍色。

這將是你想要的;

來源

2012-05-10 07:46:14 Alice

CSS的工作方式

回答

相關問題