div+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>