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 分类：前端知识

2024-06-18通常的做法是在单独的文件中定义这些全局变量，然后通过@import规则将其导入到需要使用这些变量的地方。2.导入全局变量文件： 在项目的主入口样式文件（比如 main.scss 或者根据Vite或VueCLI配置的入口文件）中，通过 @import 导入这个全局变量文件。1.创建一个全局变量文件： 例如，创建一个名为 _variables.scss 的文件，并在这个文件中定义你的全局变量。这样一来，你在整个项目中定义的任何SCSS文件只要包含了对主入口文件的引用，就可以直接使用这些全局变量。_scss全局变量

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

2024-06-16效果图代码要点需要注意这个dom结构，过渡动画一定要有开始和结束值才能产生动画，并且在js里面修改的时候，不能连着修改，要把第二次修改放到setTimeout里面为了让菜单能够不是一次性过渡（让它可以一直产生过渡动画），需要在动画结束后，清理掉设置的高度，这个设置的高度只需要在动画的时候生效。<style lang="scss" scoped>@import url(//at.alicdn.com/t/c/font_4065865_kb7oyb2wje9.css);ul,_手动模拟el-menu的实现

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

2024-05-28是一种提供给开发者针对不同设备需求进行定制化开发的一个接口。可以让我们根据设备的类型（比如：屏幕设备、打印机设备）或者特定的特性（比如屏幕的宽度）来修改页面@media@importurlmedia属性, , 和其他HTML元素指定特定的媒体类型。_媒体查询

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