行内css以及css文件存放位置总结

最新推荐文章于 2024-03-25 10:03:33 发布

给我一个威朗普

最新推荐文章于 2024-03-25 10:03:33 发布

阅读量1k

点赞数

文章标签：软件测试

本文链接：https://blog.csdn.net/qq_41543169/article/details/106737571

版权

2023年以前的内容专栏收录该内容

98 篇文章 0 订阅

订阅专栏

演示代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>行内css</title>
	</head>
	<body>
		<!-- 
		 有时候为了快速的修改某个元素的css样式，
		 我们可以选择直接将要设置的样式直接写在标签的身上
		 此时只需要将style 当做是div 标签身上的一个属性来使用-->
		<div style="color: red;width: 100px;height: 100px;background-color: seagreen;">我是DIV标签</div>
	</body>
</html>

01.依据浏览器渲染页面原理，我们将css代码写在HTML文件靠前的位置。
02.使用外链css写法的时候，外部独立的css文件当中不需要写style 标签，同时还需通过link 标签将某个css文件引入到具体的HTML 文件当中。
03.对于上述的三种css文件存放位置来说，行内css的权重是最高的，但是外链与内嵌并不存在谁一定大于谁的情况。他们的控制能力完全取决于各自所使用的选择器权重。
04.如果想要直接将某一个样式的权重提至最高，我们只需要在该句css代码的最后位置设置！important