声明css有哪几种方式

发布时间:2020-11-28 17:51:37 作者:admin 来源:本站 浏览量(45) 点赞(14)
摘要:声明css有三种方式,分别是:1、在head标签中使用style标签声明:作用:此声明一般声明当前网页的公共样式或者给某个标签的单独样式2、在标签上使用style属性进行声明:作用:此声明会将css样式直接作用于当前标签。3、在head标签中使用link标签引入外部声明好的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>


二维码

扫一扫,关注我们

声明:本文由【达扬网络】编辑上传发布,转载此文章须经作者同意,并请附上出处【达扬网络】及本页链接。如内容、图片有任何版权问题,请联系我们进行处理。

现在,非常期待与您的一次邂逅

青海达扬网络传媒有限责任公司努力让每一次邂逅总能超越期待!

您身边的【互联网信息化建设专家】

搜索千万次不如咨询1次

主营项目:网站建设,手机网站,软件开发,政府网站建设,信息系统开发,网络安全维护,app开发等

立即咨询 0971-6275815
在线客服
嘿,我来帮您!