====================
快速跳转:
我的个人博客主页👉:Reuuse博客
HCIA网络专栏👉:网络专栏
❀ 感谢支持!☀
==================
前情提要
🔺因为最近学习的vue语言,发现有很多细节的碎块需要汇总,所以就有了本次系列的开始。❀❀❀
⭐总结的知识会包含总结定义,和源代码解析,可以当作类似于英语单词一样瞄几眼,大概知道即可
那么话不多说我们开始吧
vue
@import导入css样式及scss变量用法与static目录
@import “@/…/…/”
在Web开发中,使用CSS和SCSS可以有效地管理和维护样式。以下是关于如何导入CSS样式、使用SCSS变量以及处理静态目录的详细解释:
- CSS 样式导入
- 外部CSS文件
你可以通过<link>
标签将外部CSS文件导入到HTML文档中。例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="styles/main.css">
</head>
<body>
<!-- Your content here -->
</body>
</html>
在这个例子中,styles/main.css
是相对于HTML文件所在位置的路径。
- 内部CSS
你也可以在HTML文档的<style>
标签内直接编写CSS样式:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document