选择器

最新推荐文章于 2024-11-04 23:25:00 发布

雷子丸丸

最新推荐文章于 2024-11-04 23:25:00 发布

阅读量110

点赞数

文章标签： css 关系选择器

本文链接：https://blog.csdn.net/lzww9900/article/details/110249199

版权

一前言

特意用单独的一节来述写选择器，因为它的使用非常广泛，而且是一个大程序里必不可少的一部分。

二主体

选择器有很多，我在这里先只说三种（因为我也是个小白哈），但这三种非常的常见和好用。

下面先看代码，很多的解释我也都有标注

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			div{/*标签选择器*/
				letter-spacing: 12px;
			}
			.text-size{/*类选择器*/
				font-size: 36px;
			}
			#id选择器{/*id选择器*/
				text-indent: 43px;
			}
		</style>
	</head>
	<body>	
		<div>标签选择器</div>
		<div>直接选择标签</div>
		<span class="text-size">类选择器</span>
		<i class="text-size">通过类别选择</i>
		<input id="id选择器" />
	</body>
</html>

如代码所示，有标签选择器、类选择器、id选择器，分别有不同的用途和用法，可以在根据需求具体的选择相应的选择器。

下面是生成的网页：