【DRP】笔记之CSS

最新推荐文章于 2023-04-26 11:23:17 发布

alice s

最新推荐文章于 2023-04-26 11:23:17 发布

阅读量537

点赞数

本文链接：https://blog.csdn.net/sms15732621690/article/details/63721051

版权

——DRP 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

前言

关于CSS之前也学习过没有怎么总结过，下面谈谈看drp视频中关于CSS讲解的自己之前没有太注意的一些样式。

文本

1.不加CSS样式的代码

代码示例：

<html>
	<head>
		<title>css示例-文本</title>
		
	</head>
	<body>		
		<h1>HelloWorld</h1>
	</body>
</html>

运行结果

2.字符间距

代码示例：

<html>
	<head>
		<title>css示例-文本</title>
		<style type="text/css">		
			h1{
				letter-spacing:20px; /*间距*/				
			}
		</style>

	</head>
	<body>		
		<h1>HelloWorld</h1>
	</body>
</html>

运行效果：

3.文本转换

代码示例:

<html>
	<head>
		<title>css示例-文本</title>
		<style type="text/css">		
			h1{
				letter-spacing:20px; /*间距*/	
				text-transform: uppercase; /*变大写*/			
			}
		</style>

	</head>
	<body>		
		<h1>HelloWorld</h1>
	</body>
</html>

运行效果：