声明css有哪几种方式

互联网 20-11-27

声明css有三种方式，分别是：1、在head标签中使用style标签声明；2、在标签上使用style属性声明；3、在head标签中使用link标签引入外部声明好的css文件。

本文环境：windows10、css3，本文适用于所有品牌的电脑。

（学习视频分享：css视频教程）

声明css有三种方式，分别是：

1、在head标签中使用style标签声明：

2、在标签上使用style属性进行声明：

3、在head标签中使用link标签引入外部声明好的css文件

作用：此声明相当于调用，解决了不同网页间样式重复使用的问题

优点：

注意：在同一页面使用不同声明方式则遵循就近原则。

举例：

<!DOCTYPE html> <html> 	<head>		 		<meta charset="utf-8"> 		<title></title> 	<!--方式一声明--> 		<style type="text/css"> 			hr{ 				width: 100%; 				height: 50px; 				color: #000000; 				background: #808080; 			} 		</style> 		<!--方式三声明--> 		<link rel="stylesheet" type="text/css" href="my.css"/> 	</head> 			 	<body> 		测试声明方式一 		<hr > </hr> 		<!--方式二声明--> 		<h1 style="background: #151515;color: aqua;">测试声明方式二</h1> 		<h2>测试声明方式三</h2> 	</body> </html>

声明css有哪几种方式

相关资讯

标签推荐