css外部样式

最新推荐文章于 2025-03-10 10:50:56 发布

chen_zan_yu_

最新推荐文章于 2025-03-10 10:50:56 发布

阅读量4.1k

点赞数 1

分类专栏： CSS

本文链接：https://blog.csdn.net/chen_zan_yu_/article/details/88375331

版权

CSS 专栏收录该内容

51 篇文章

订阅专栏

<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>CSS</title>
		<!--
			也可以将CSS样式编写到head中的style的标签里
				将样式编写的style标签中，然后通过css选择器选中指定元素
				然后可以同时的为者些元素一起设置样式，这样可以使样式进一步复用
				将样式表编写到style标签中，也可以使表现和结构进一步分离也是我们推存的使用方法
				
		-->
		
		
		<!--
			还可以将我们的样式表编写到我们的外部文件中，
			然后通过link标签来将外部的css文件引入到当前页面中，
			这样外部文件的css样式表将会应用到当前页面中
			
			将css样式统一编写到外部的样式表中，完全使结构和表现分离
			可以使样式可以在不同的页面中使用
			最大限度的使用样式可以进行复用，将样式统一写在这样式表中，
			然后通过link标签引入，可以利用浏览器的缓存
			加快访问的速度提高用户体验，所以在开发中我们最推荐使用的方式就是外部的文件css文件
		-->
		<link rel="stylesheet" type="text/css" href="style.css" />
		
	</head>
	<body>
		<!--
		可以将CSS样式编写到元素的style属性当中
			将样式直接编写到style属性中，这样式我们称为内联样式
			内联样式只对当前的元素中的内容起作用
		-->
		<p style="color:red; font-size:20px;">我愿意留低舍身去垫底</p>
		<p>你最盛放的玫瑰</p>
		<p>你最盛放的玫瑰</p>
		<p>你最盛放的玫瑰</p>
		<p>你最盛放的玫瑰</p>
		<p>你最盛放的玫瑰</p>
		<p>你最盛放的玫瑰</p>
	</body>

</html>