css类选择器

css类选择器

前端知识qingyu2020-10-21 12:32:271160A+A-

  css类选择器

  类选择器使用”.”(英文中的点号)进行标识,后面跟类名

  语法:

  类名选择器

  .类名 {

  属性1:属性值1;

  属性2:属性值2;

  }

  标签:

<p class=”类名”></p>
    优点:

  可以为元素对象定义单独或者相同的样式,可以选择一个或者多个标签

  注意:

  类选择器使用”.”进行标识,后面紧跟类名

  为了方便识别尽量用英文字母来表示,见名知意

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.red {
				color: red;
			}
			.green {
				color: green;
			}
		</style>
	</head>
	<body>
		<div class="red">人生若只如初见</div>
		<div class="red">何事秋风悲画扇</div>
		<div class="green">等闲变却故人心</div>
		<div class="green">却道故心人易变</div>
	</body>
</html>

css类选择器

点击这里复制本文地址 欢迎来到大黄鸡源码分享网
qrcode

大黄鸡源码编程网 © All Rights Reserved.  
网站备案号:闽ICP备18012015号-4
Powered by Z-BlogPHP
联系我们| 关于我们| 广告联系| 网站管理