用class与ID对标签进行设置－站长资讯网info110.com

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>

上一篇:用Photoshop滤鏡打造旋转光束特效
下一篇:网页布局CSS中文排版心得

TAG: CLASS 设置 ID

搜索

用class与ID对标签进行设置