HTML/CSS——css引入方式及优先级_html 先加载css文件还是先加载行内样式-优快云博客

CSS——cocasding style sheet 层叠样式表
一、css的引入方式：
1、外链样式，也称外部样式表。
优点：a、将css代码和html代码分离，便于日后的维护；
b、可统一设置多个网页的样式；
c、常用于网站，推荐使用。

<head>
	<link rel="stylesheet" type="text/css" href="css文件的路径"/>
</head>

2、导入式。
导入式与外链式的区别：外链式link属于标签；当打开网页时，外链式会与网页同时加载，而导入式则是网页加载完后加载。

<head>
	<style>
		@import url('css文件路径');<!--必须排在第一行，其他位置会失效-->
	</style>
</head>

3、内联样式。也称内部样式表。
优点：有利于设置单个网页的样式；
缺点：不利于统一设置多个网页的样式。

<head>
	<style>
		选择器{属性:属性值;}
	</style>
</head>

4、行内样式。
优点：可单独设置某个标签的样式；
缺点：没有发挥css统一设置样式的优势。

例子
<p style="width:100px;height:300px;"></p>

适用范围及优先级：
外链式：当样式表需要应用于多个页面时；
内联式：当单个样式表需要特殊样式式；
行内样式：慎用。
优先级：行内样式>内联样式>外链样式>浏览器本身的设置。