声明css的方式是什么

发布时间:2020-11-30 13:40:54 作者:小新
来源:亿速云 阅读:149

这篇文章主要介绍了声明css的方式是什么,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

声明css有三种方式,分别是:1、在head标签中使用style标签声明;2、在标签上使用style属性声明;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>
		<!--方式二声明-->
		<h2 style="background: #151515;color: aqua;">测试声明方式二</h2>
		<h3>测试声明方式三</h3>
	</body>
</html>

感谢你能够认真阅读完这篇文章,希望小编分享声明css的方式是什么内容对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,遇到问题就找亿速云,详细的解决方法等着你来学习!

推荐阅读:
  1. 简述java声明变量的声明方式
  2. react组件有哪些声明方式

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:php培训比较好的机构是什么

下一篇:react状态机有什么用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》