id选择器

需求
“这是一则非常重要的新闻“,这段话它的字体和颜色和其他明显不一样,需要单独显示。


这时我们使用ID选择器

css文件:

/*id选择器*/
#style2 {
	font-size: 36;
	font-family: 楷体;
	background-color: #B3B3B3;
}

html文件:

<html>
	<head>
		<link rel="stylesheet" href="HtmlPage1.css" type="text/css"></link>
	</head>
	<body>
		<span class="style1">新闻1</span>
		<span class="style1">新闻2</span>
		<span class="style1">新闻3</span>
		<span class="style1">新闻4</span>
		<span class="style1">新闻5</span><br/>
		<span id="style2">这是一则重要的新闻</span>
	</body>
</html>

总结:

  • 优点: 可以对很特殊的元素进行单独的修饰
  • 缺点: 每次只能用一次,这样会导致页面的上HTML元素有过多的id属性(id滥用)
  • 细节: id的属性值必须唯一

一点教程,一个分享编程知识的公众号。跟着站长一起学习和进步。

通俗易懂,深入浅出,一篇文章只讲一个知识点。

在公交、在地铁、在厕所都可以阅读,随时随地涨姿势。

文章不涉及代码,不烧脑细胞,人人都可以学习。

当你决定关注「一点教程」,你已然超越了90%的程序员!

一点教程二维码