CSS样式表权重关系

最新推荐文章于 2021-06-07 16:48:46 发布

置顶 Stirve unremitting

最新推荐文章于 2021-06-07 16:48:46 发布

阅读量218

点赞数

分类专栏：笔记文章标签： css

本文链接：https://blog.csdn.net/weixin_46421045/article/details/104848211

版权

笔记专栏收录该内容

96 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/style2.css">
		<style type="text/css">
			@import url(css/style1.css);
			div{
				width:300px;/*宽度*/
				height:50px;/*高度*/
				background:red;
			}
			
			a{
				color:red;
				font-size:30px;
			}
		</style>
		<link rel="stylesheet" href="yangshi.css">
		<link rel="stylesheet" href="css/style.css">
		
	</head>
	
	<body style="height:9000px;">
		<!--
			样式三种写法:
				1: 内部样式 存在在head标签中
				2: 内联样式 以属性style的方式添加在标签中
				3: 外部样式
					创建独立的html页面,并在页面head标签中添加
						<link rel="stylesheet" href="文件地址">
						另一引入方式:
							在style标签第一行添加
							@import url(css文件地址);
					创建独立的css文件
					
			样式表权重关系
				外部样式  内部样式  < 内联样式
					就近原则
					
			选择器:
				类型选择器(标签选择器): div span h1 p ...
			
		-->
		<div></div>
		<p style="color:red;font-size:30px;">内联样式的写法</p>
		<span>使用外部样式来控制</span>
		<h1>使用css文件夹里面的css文件修饰</h1>
		<h2>使用另一种方式引入外部样式文件</h2>
		<a href="#" style="color:pink;font-size:40px;">对比样式权重</a>
	</body>
</html>

Stirve unremitting

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
CSS样式表权重关系

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/style2.css"> <style type="text/css"> @...
复制链接

扫一扫