尚硅谷web前端工程师1000集学习笔记25

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>字体的样式</title>
		<style type="text/css">
			
			.p1{
				/*设置字体颜色,使用color来设置文字的颜色*/
				color: red;
				/*
				 * 设置文字的大小,浏览器中一般默认的文字大小都是16px
				 	font-size设置的并不是文字本身的大小,
				 		在页面中,每个文字都是处在一个看不见的框中的
				 		我们设置的font-size实际上是设置格的高度,并不是字体的大小
				 		一般情况下文字都要比这个格要小一些,也有时会比格大,
				 		根据字体的不同,显示效果也不能	
				 * */
				font-size: 30px;
				
				/*
				 * 通过font-family可以指定文字的字体
				 * 	当采用某种字体时,如果浏览器支持则使用该字体,
				 * 		如果字体不支持,则使用默认字体
				 * 该样式可以同时指定多个字体,多个字体之间使用,分开
				 * 	当采用多个字体时,浏览器会优先使用前边的字体,
				 * 		如果前边没有在尝试下一个
				 */
				/*font-family: arial , 微软雅黑;*/
				
				/*
				 * 浏览器使用的字体默认就是计算机中的字体,
				 * 	如果计算机中有,则使用,如果没有就不用
				 * 
				 * 在开发中,如果字体太奇怪,用的太少了,尽量不要使用,
				 * 	有可能用户的电脑没有,就不能达到想要的效果。
				 */
				/*font-family: 华文彩云 , arial , 微软雅黑;*/
				
				font-family: "curlz mt";
				
			}
			
		</style>
	</head>
	<body>
		
		<p class="p1">
			我是一个p标签,ABCDEFGabcdefg
		</p>
		
	</body>
</html>
发布了37 篇原创文章 · 获赞 3 · 访问量 791

猜你喜欢

转载自blog.csdn.net/qq_38547320/article/details/104381927