background: #000; border: 1px solid #AAAAAA; padding: 10px; color: #fff; width: 100px; } <div id="main"> Welcome </div>
在这里,我给了一个id元素div,它为它应用了相关的 CSS。
id
div
或者
.main { background: #000; border: 1px solid #AAAAAA; padding: 10px; color: #fff; width: 100px; } <div class="main"> Welcome </div>
现在在这里我给了一个class,div它也为我做同样的工作。
class
那么Id 和 class 之间的确切区别是什么,我应该什么时候使用 id ,什么时候应该使用 class.?我是 CSS 和 Web 设计的新手,在处理这个问题时有点困惑。
有关此的更多信息, 请单击此处。
例子
<div id="header_id" class="header_class">Text</div> #header_id {font-color:#fff} .header_class {font-color:#000}
(请注意,CSS 使用前缀 # 表示 ID,使用前缀 . 表示类。)
然而 color,在 HTML 5 中不推荐使用HTML 4.01<font>标记属性。在 CSS 中没有“字体颜色”,样式是color这样的,上面应该是:
color
<font>
<div id="header_id" class="header_class">Text</div> #header_id {color:#fff} .header_class {color:#000}
文本将是白色的。