CSS樣式幫助需要

我的網站我很少字體大小，但不同的顏色和不同的填充和邊距。CSS樣式幫助需要

例如

h5 { 
     color: #ED1B34; 
     font-size: 1.1em; 
     font-weight: bold; 
     margin-bottom: 0.6em; 
}

我想寫獨立邊距和補這樣的標籤。

聲明填充和邊距的最佳做法是什麼。由於這

H5

標籤可能在網站上10個不同的頁邊距設置。

來源

2011-04-01 user160820

最好的做法是對H5通常定義非餘量屬性：

h5 { 
    color: #ED1B34; 
    font-size: 1.1em; 
    font-weight: bold; 
}

然後每次使用H5時間，例如提供不同的包裝：

<div class="title-page"> 
    <h5>My Title</h5> 
</div>

和

<div class="other-page"> 
    <h5>My Title 2</h5> 
</div>

並設置頁邊距相應：

.title-page h5 { 
    margin: 10px; 
} 
.other-page h5 { 
    margin: 20px; 
    padding-bottom: 5px; 
}

來源

2011-04-01 09:00:35

使用這個唯一的，如果有共享相同的margin和padding H5的多個正好。如果情況並非如此，那麼最好像@dampe所說的那樣使用類。 – 2011-04-01 09:03:53

使用CSS類。

即：在外部樣式表設置這些（或任何你需要的..）

.BigHeading {font-size:2em; margin:1em;} 
.MediumHeading {font-size:1em; margin:0.5em;}

，然後在HTML標記，你使用它像：

<h5 class="BigHeading">This is a big heading!</h5>

來源

2011-04-01 08:56:57 Damb

雖然我不瞭解網站的結構，您可能需要再次查看設計，以確保h5元素不會有太大差異。

您可以爲每個不同的頁邊距設置使用一個類。

來源

2011-04-01 08:58:05 Rhapsody

既可以使用不同的H1，H2，H3，H4，H5，H6等具有不同的設置，或將它們分成兩類：

h5 { 
    background: #ff0000; /* All h5 inherits this and any properties in here. */ 
} 

h5.small_padding { 
    padding: 5px; 
} 

h5.big_padding { 
    padding: 20px; 
} 

<h5 class="small_padding">Title</h5> 
<h5 class="big_padding">Blah</h5>

來源

2011-04-01 09:00:25

你應該先添加類或者ID你的DOM，例如：

<h5 id="style1">title</h5> 
<h5 class="style2">title</h5>

然後用CSS來針對這些DOM：

h5#style1 { margin: 5px; } 
h5.style2 { margin: 10px; }

注意：＃代表id和。是爲了課程。欲瞭解更多信息，請訪問this tutorial。

來源

2011-04-01 09:00:42 Linmic

隨着使用類：

<h5 class="title">Foo</h5> 
<h5 class="title margined">Bar<h5/> 
<h5 class="brightTitle">Other</h5> 

h5 { 
    text-decoration: underline; 
} 
h5.title { 
    color: Blue; 
    font-weight: bold; 
} 
h5.margined { 
    margin-bottom: 0.6em; 
} 
h5.brightTitle { 
    color:Red; 
}

美孚會是藍色的，大膽的，並強調。

酒吧會是藍色，粗體，下劃線，並有餘量。

其他將被紅色和下劃線。

See it in action

來源

2011-04-01 09:03:13 firefox1986

CSS樣式幫助需要

回答

相關問題