Day02-5 CSS四种写法

最新推荐文章于 2023-03-19 10:17:03 发布

吃蜡笔的小新

最新推荐文章于 2023-03-19 10:17:03 发布

阅读量51

点赞数

分类专栏： Javaweb 文章标签： css html css3

本文链接：https://blog.csdn.net/Ningmengyouzhi/article/details/127744908

版权

Javaweb 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

⾏内样式⼜叫标签样式：就是写在标签内style属性中的css代码。
内嵌样式⼜叫⻚⾯样式：就是卸载style标签中的css代码。
外链样式：通过link标签引⽤css⽂件。
@import导⼊式：通过在style标签中引⽤CSS⽂件实现样式加载。

<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
<!-- link属于html的标签 import属于CSS的功能 link功能多 ⽽import只能进⾏css的引⼊
 2.加载顺序的区别：link是同时进⾏加载的，import会先加载⻚⾯再加载css
 3.版本区别：link⽆限制，import css2.1时候才有 浏览器版本ie5.0以后的浏览器才能兼容
 4.js代码通过dom控制修改样式时，只能通过link引⼊的css import的它⽆法使⽤-->
		 <style>
			 /* 内嵌样式 */
			 div{
				border: 1px solid red;	
			 }
			 /* import导⼊式 */
			 @import url("new_file.css");
		 </style>
		 <!-- 外链式 -->
		 <link rel="stylesheet" href="new_file.css">
	</head>
	<body>
		<!-- 行内式 -->
		 <div style="border: 1px solid red;">123123</div>
	</body>
</html>