2025-03-04style-loader：将 CSS 注入到 DOM 中。css-loader：解析 CSS 文件中的 @import 和 url() 语句。postcss-loader：使用 PostCSS 处理 CSS 文件，支持自动添加前缀、压缩 CSS 等功能。sass-loader：编译 SASS/SCSS 文件为 CSS。less-loader：编译 Less 文件为 CSS。stylus-loader：编译 Stylus 文件为 CSS。resolve-url-loader：解析。_vue-style-loader

https://www.qianduange.cn//article/22640.html 分类：前端知识

2025-03-02我们可以去官网先了解一下我们的rpx用法和注意以及与px的区别。我平时使用的px是我们的屏幕像素的单位，我们在一个页面创建一个view组件，并且给其在style组件里面赋予css样式，让其宽高都在200px左右。保存好了之后在页面中进行运行，来查看我们的结果。切换到了另一个的展示效果的展示产生真中差异的是因为我们的px是固定的，并不会随着我们的页面变化而发生变化。我们可以使用设置百分比来解决。我们还有一个单位是与我们的%一样的效果效果是和我们的百分比一致的，可以自己去将我们的百分比改为vw尝试。_rpx

https://www.qianduange.cn//article/22260.html 分类：前端知识

2025-02-23路径没有错误，使用别名即可。@import弃用使用@use_[sass] can't find stylesheet to import.

https://www.qianduange.cn//article/20708.html 分类：前端知识

2024-11-02本文详细介绍了前端开发中src与href的区别、link与@import的不同，以及CSS3和HTML5的新特性，如RGBA、边框圆角、弹性布局等。同时，讨论了浏览器兼容性问题，包括CSS的样式重置和JavaScript事件绑定的差异，并阐述了原型与原型链的概念。

https://www.qianduange.cn//article/19770.html 分类：前端知识

2024-10-26sass 1.80 全局变量和 mixin 需要手动导出。sass 1.80 不再支持老的 js api 接口。sass 1.80 不再支持全局内置函数。sass 1.80 不再支持。需要使用 `@use’_global built-in functions are deprecated and will be removed in dart sass 3.

https://www.qianduange.cn//article/19186.html 分类：前端知识

2024-09-28在CSS的世界里，@import规则是一种允许你导入一个样式表到另一个样式表中的强大工具。这种能力使得样式的组织和重用变得更加灵活和高效。本文将深入探讨@import规则的使用方法，包括其语法、最佳实践以及如何避免常见的陷阱，并提供实际的代码示例。@import规则允许在一个CSS文件中导入另一个CSS文件，从而实现样式的共享和模块化。_css import

https://www.qianduange.cn//article/18630.html 分类：前端知识

2024-09-09本文介绍了CSS中的盒模型概念，如何通过padding和margin实现最大正方形布局，以及多种水平和垂直居中的方法，包括使用text-align、margin、flex、transform等。此外，文章还讨论了两栏布局、左右等高布局的实现，以及利用BFC清除浮动和画三角形的技术。最后提到了@import导入CSS和link标签的区别，并阐述了BFC（块格式化上下文）的触发条件和特性。

https://www.qianduange.cn//article/17984.html 分类：前端知识

2024-09-03行内样式：使用 HTML 标签的 style 属性定义 CSS 样式；内嵌样式：使用 style 标签在 HTML 文档头部（ 通常在 head 之间）定义 CSS 样式；链接式：使用 link 标签引入外部 CSS 样式表文件。导入式：使用 @import 命令导入外部 CSS 样式表文件。_css 引用

https://www.qianduange.cn//article/17570.html 分类：前端知识

2024-08-27本文详细介绍了CSS中的@import指令，包括其定义、语法、属性值、实例和注意事项。对比了@import与link标签的区别，并提及了CSS中的!import用法及其与!import的差异。对于前端开发者，理解@import指令对于优化样式加载和控制优先级至关重要。

https://www.qianduange.cn//article/17085.html 分类：前端知识

2024-08-14导入外部链接表(使用@import导入的CSS文件，客户端显示HTML结构，再把CSS文件加载到网页当中)a[class*=links]（class 属性中属性值包含links）a[id=first]（a元素中有“id=first”相同的属性）li:first-of-type（ul下第一个类型是li的元素）a[href^=http]（href属性值中以http开头的）a[href$=png]（href属性值中以png结尾的）标签选择器（直接应用于HTML标签）a[id]（含有id属性的a元素）

https://www.qianduange.cn//article/15440.html 分类：前端知识