WEB开发网
开发学院网页设计DivCss css 类选择器和id选择器 阅读

css 类选择器和id选择器

 2008-12-03 19:32:53 来源:WEB开发网   
核心提示:在 CSS 中,类选择器以一个点号显示:.center {text-align: center}在上面的例子中,css 类选择器和id选择器,所有拥有 center 类的 HTML 元素均为居中,在下面的 HTML 代码中,</p> 注意:id 属性只能在每个 HTML 文档中出现一次,想知道原因吗,h1

在 CSS 中,类选择器以一个点号显示:

.center {text-align: center}
在上面的例子中,所有拥有 center 类的 HTML 元素均为居中。

在下面的 HTML 代码中,h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。

<h1 class="center"> This heading will be center-aligned </h1> <p class="center"> This paragraph will also be center-aligned. </p>
 
*****************************
id 选择器
 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 id 选择器以 "#" 来定义。下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:
#red {color:red;} #green {color:green;}
 下面的 HTML 代码中,id 属性为 red 的 p 元素显示为红色,而 id 属性为 green 的 p 元素显示为绿色。
<p id="red">这个段落是红色。</p> <p id="green">这个段落是绿色。</p>
 注意:id 属性只能在每个 HTML 文档中出现一次。想知道原因吗,请参阅 XHTML:网站重构。

Tags:css 选择 id

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接