站长资讯网
最全最丰富的资讯网站

声明css有哪几种方式

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

声明css有哪几种方式

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

(学习视频分享:css视频教程)

声明css有三种方式,分别是:

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

作用:此声明一般声明当前网页的公共样式或者给某个标签的单独样式

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

作用:此声明会将css样式直接作用于当前标签。

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>

赞(0)
分享到: 更多 (0)