CSS学习笔记-ID和类选择器使用 AND 2018-11-21（22:15）

最新推荐文章于 2024-03-20 16:21:21 发布

原创最新推荐文章于 2024-03-20 16:21:21 发布 · 266 阅读

0 ·

CC 4.0 BY-SA版权

灰烬CSS学习笔记专栏收录该内容

5 篇文章

订阅专栏

本文深入讲解了CSS中的ID选择器和类选择器的使用方法，包括如何定义和应用选择器来改变网页元素的样式，提供了具体的HTML代码示例。

一、 ID选择器：
ID选择器使用（#）引入，它引用的是ID属性中的值。
HTML中标签属性ID的属性可以重复的。
二、类选择器：
类选择器使用（.）引入，它引用的是class属性中的值。
注释：在项目中，给标签添加属性一般都是通过类选择器。

具体代码：

	<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ID和类选择器</title>
<style type="text/css">

    #div1{
        border: solid red;
    }
    #div2{
        color: royalblue;
    }
    #div3{
        color: darkkhaki;
    }
    .haha{
        color: goldenrod;
        border: solid yellow;
    }
    .haha2{
        color: fuchsia;
        border: solid peachpuff;
    }
</style>
</head>
<body>
	<div  id="div1">
	    今天好冷啊。。。
	</div>
	<div  id="div2">
	    今天好冷啊2。。。
	</div>
	<div  id="div3">
		 今天好冷啊3。。。
	</div>
	<div class="haha" >今天好热啊！！！
	</div>
	<div class="haha2" >今天好热啊2！！！
	</div>
</body>
</html>

打卡第七天！CSS还在继续！人不是累到的，到时懒死的。坚持！