class与ID_站长书库_中国站长站

[设为首页] [加入收藏]

提示：站长书库改版中。站长论坛邀请码申请

您当前的位置：站长书库 > 基础教程 > CSS >

下一篇：没有了 上一篇：边框内容设置

class与ID

class与ID主要用来对相同的标签进行不同的设置和对不同的标签进行相同的设置。

一、class

class通常叫做类选择符，

语法：

1 定义类

(1)带标签定义

语法：选择符.标识符{ 选择符样式定义 }

(2)不带标签定义

语法：.标识符{ 选择符样式定义 }

2 引用类

<选择符 class="标识符">......</选择符>

示例6-1

htm6-1.htm

<html> <head> <title>链接外部样式表</title> <style type="text/css">  </style> </head> <body> <p class="A">床前明月光，疑是地上霜</p> <p class="B">舉頭望明月，低頭思故鄉</p> <h1 class="AB">床前明月光，疑是地上霜</h1> <h2 class="AB">床前明月光，疑是地上霜</h2> <p class="AB">床前明月光，疑是地上霜</p> </body> </html>

二、ID

1 定义ID

语法：#标识符{ 样式定义 }

2 引用

语法：<选择符 ID="标识符">......</选择符>

示例6-2

htm6-2.htm

<html> <head> <title>链接外部样式表</title> <style type="text/css">  </style> </head> <body> <p ID="A1">床前明月光，疑是地上霜</p> <p ID="A2">舉頭望明月，低頭思故鄉</p> <h1 ID="A1">床前明月光，疑是地上霜</h1> <h1 ID="A2">床前明月光，疑是地上霜</h1> <h1 ID="A3">床前明月光，疑是地上霜</h1> </body> </html>

闽ICP备08105208号增值电信业务经营许可证闽B2-20070004号