HTML+CSS 轻松入门之I...LOGIN

HTML+CSS 轻松入门之ID选择器

在某些方面,ID 选择器类似于类选择器,不过也有一些重要差别

语法:

# id名称{

    样式

}

区分大小写

请注意,类选择器和 ID 选择器可能是区分大小写的。这取决于文档的语言。HTML 和 XHTML 将类和 ID 值定义为区分大小写,所以类和 ID 值的大小写必须与文档中的相应值匹配

实例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>ID选择器</title>
	<style type="text/css">
			#div{
				color:green;
				font-family:隶书;
				font-size:18px;
			}
	</style>
</head>
<body>
		<div id="div">中华民族伟大复兴!</div>
</body>
</html>

id 选择器 和 类选择器有什么区别

  1. 与类不同,在一个 HTML 文档中,ID 选择器会使用一次,而且仅一次。

  2. 不同于类选择器,ID 选择器不能结合使用,因为 ID 属性不允许有以空格分隔的词列表。

    比如: <div class ="class1 class2 class2"></div>也就是说class可以等于多个class的列表
                对于id来讲 id="div1" 而不能写成id = "div1 div2"这样,即只能有一个id,而不是像class属性那样

下一节
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ID选择器</title> <style type="text/css"> #div{ color:green; font-family:隶书; font-size:18px; } </style> </head> <body> <div id="div">中华民族伟大复兴!</div> </body> </html>
提交重置代码
章节课件