css选择器

<!DOCTYPE html>
<html>
<head>
	<title>Demo</title>
	<style type="text/css">
	body{
		/*背景的颜色*/
		background-color: pink;
	}
	/*这时的p代表的所有的标签*/
	p{	
		/*基础的属性*/
		color: blue;/*字体颜色*/
		font-size: 60px;/*字体大小*/
		font-weight: normal;/*字体形态*/
		text-decoration: none;/*字体的装饰*/
		font-style: italic;/*字体的款式*/

	}
	/*可以通过#加后面的名字来进行选择标签*/
	#demo {
		color: red;
		font-size: 65px;
		font-weight: normal;
		text-decoration: none;
	}
	/*运用class来进行选择*/
	.demo1{
		color: #00ffcc;
		font-size:25px;
	}
    </style>
</head>
<body>
	<!-- class的特殊性在与他可以重复使用 -->
	<p id="demo">我是一个标题</p>
	<p class="demo1 demo">我是二个标题</p>
	<!-- 1) class可以重复,也就是说,同一个页面上可能有多个标签同时属于某一个类;
	2) 同一个标签可以同时携带多个类。 -->
	<p>我是三个标题</p>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值