CSS样式的基本使用

最新推荐文章于 2024-04-07 07:08:36 发布

冬竹️

最新推荐文章于 2024-04-07 07:08:36 发布

阅读量221

点赞数

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

本文链接：https://blog.csdn.net/weixin_46245201/article/details/123905711

版权

Java 专栏收录该内容

157 篇文章 2 订阅

订阅专栏

<html>
	<head>
		<meta charset="utf-8">
		<!--内部样式表-->
		<style type="text/css">
			/*被style标签包含的范围是css环境，可以写css代码*/
			
			/*标签样式表*/
			p{
				color:red;
			}
			
			/*类样式*/
			.f20{
				font-size:20px;
			}
			
			/*ID样式，ID需要唯一*/
			#p4{
				background-color:pink;
			}
			
			/*组合样式*/
			div p{
				color:blue;
			}
			div .f32{
				font-size:32px;
			}
		</style>
		
		<!--外部样式表-->
		<link rel="stylesheet" href=""/>
	</head>
	<body>
		<p>段落一</p>
		<p>段落二</p>
		<p class="f20">段落三</p>
		<p id="p4">段落四</p>
		
		<div>
			<!--嵌入式样式表-->
			<p><span style="font-size:60px;font-weight:bolder;">Hello</span></p>
			<span class="f32">World</span>
			<p class="f32">！！！</p>
		</div>
	</body>
</html>

<!--
1.CSS的最基本的分类：标签样式表、类样式表、ID样式表
2.CSS从位置上的分类：嵌入式样式表、内部样式表、外部样式表	

-->