声明css的方式是什么-创新互联

这篇文章主要介绍了声明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的方式是什么内容对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,遇到问题就找创新互联网站建设公司,,详细的解决方法等着你来学习!

本文名称:声明css的方式是什么-创新互联
文章来源:https://www.cdcxhl.com/article32/egpsc.html

成都网站建设公司_创新互联,为您提供外贸建站品牌网站建设Google企业网站制作定制网站网站营销

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

绵阳服务器托管