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

类选择器在css样式编码中是最常用到的

语法：

.类选器名称{

css样式代码;

}

注意：

1、英文圆点开头

2、其中类选器名称可以任意起名（但不要起中文噢）

使用方法：

第一步：使用合适的标签把要修饰的内容标记起来

<div>中华民族伟大复兴</div>

第二步：使用class="类选择器名称"为标签设置一个类

<div class="div">中华民族伟大复兴</div>

第三步：设置类选器css样式

.div{

样式

}

实例：

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

继续学习

新建文件

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

提交重置代码

自动运行

章节

笔记

提问

课件

反馈

捐赠