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样式帮助需要

回答

相关问题