用class与ID对标签进行设置 - Info110站长资讯网-中国站长的资源库，资讯、代码、教学、评测

发表于:2009-11-26 浏览:19 作者: 来源:互联网

关键字:CLASS,设置,ID

描述:class与ID主要用来对相同的标签进行不同的设置和对不同的标签进行相同的设置。一、class class通常叫做类选择符，语法： 1定义类 (1)带标签定义语法：选择符.标识符{选择符样式定义} (2

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>

用class与ID对标签进行设置 [ 网站地图 ]