DIV&CSS

最新推荐文章于 2023-05-20 20:12:52 发布

qxhly

最新推荐文章于 2023-05-20 20:12:52 发布

阅读量195

点赞数

分类专栏： javaweb 文章标签： css

本文链接：https://blog.csdn.net/qxhly/article/details/78529788

版权

javaweb 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>元素选择器</title>
		<style>
			div{
				font-size: 30px;
				color: green;
			}
		</style>
	</head>
	<body>
		<div>元素选择器///</div>
		<div>元素选择器///</div><!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>id选择器</title>
		<style>
			#div3{
				font-size: 30px;
				color: gray;
			}
		</style>
	</head>
	<body>
		<div>id选择器/</div>
		<div class="div2">id选择器//</div>
		<div>id选择器///</div>
		<div class="div2">id选择器</div>
		<div id="div3">id选择器/</div>
	</body>
</html>


<div>元素选择器///</div><div>元素选择器///</div><div>元素选择器///</div></body></html>



<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>类选择器</title>
		<style>
			.div2{
				font-size: 30px;
				color: red;
			}
		</style>
	</head>
	<body>
		<div>类选择器/</div>
		<div class="div2">类选择器//</div>
		<div>类选择器///</div>
		<div class="div2">类选择器</div>
		<div>类选择器/</div>
	</body>
</html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>id选择器</title>
		<style>
			#div3{
				font-size: 30px;
				color: gray;
			}
		</style>
	</head>
	<body>
		<div>id选择器/</div>
		<div class="div2">id选择器//</div>
		<div>id选择器///</div>
		<div class="div2">id选择器</div>
		<div id="div3">id选择器/</div>
	</body>
</html>


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>层级选择器</title>
		<style>
			div p{
				font-size: 30px;
				color: yellow;
			}
		</style>
	</head>
	<body>
		<div>
			<p>
			层级选择器
			</p>
		</div>
		<div>层级选择器</div>
		<p>
			层级选择器
			</p>
	</body>
</html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>属性选择器</title>
		<style>
			input[type='text']{
				background-color: black;
			}
			input[type='password']{
				background-color: blue;
			}
		</style>
	</head>
	<body>
		用户名：<input type="text" name="username" /><br />
		密码：<input type="password" name="pass" />
	</body>
</html>