css
文章平均质量分 72
接着奏乐接着舞。
冥鸿天际尘事分付一轻芒
展开
-
less-loader的less转成CSS的底层原理
创建或修改文件,配置webpack使用我们自定义的output: {},module: {rules: [use: ['style-loader', // 将 CSS 插入到 DOM 中'css-loader', // 解析 CSSpath.resolve(__dirname, 'less-loader.js'), // 使用自定义 less-loader],},],},通过详细解析。原创 2024-06-17 14:24:04 · 917 阅读 · 2 评论 -
【CSS】深入浅出BFC及其相关应用
介绍下 BFC 及其应用介绍下 BFC、IFC、GFC 和 FFC原创 2023-04-01 22:26:51 · 1124 阅读 · 6 评论 -
业务中的css问题
业务中遇到的css样式问题和解决方案,包括elementUI中的样式问题不定时更新原创 2021-07-07 22:41:28 · 1014 阅读 · 1 评论 -
浅析flex及常用语法整理
目录1.flex-direction: 调整主轴方向2.justify-content主要用来设置主轴方向的对齐方式3.align-items用于调整侧轴的对齐方式3.flex-wrap属性控制flex容器是单行或者多行,默认不换行4.align-content用来设置多行的flex容器的排列方式在真实的应用场景中,通常会遇到各种各样不同尺⼨和分辨率的设备,为了能在所有这些设备上正常的布局我们的应用界面,就需要响应式的界⾯设计方式来满⾜这种复杂的布局需求。flex 弹性盒模原创 2022-05-05 23:42:01 · 2912 阅读 · 2 评论 -
CSS【经验】:一个空格引发两种结果
目录1.在.big:hover中间不加空格,代码如下:2 在.big:hover中间加空格,代码如下:1.在.big:hover中间不加空格,代码如下:.row .big:hover{ transition: All 0.5s ease-in-out; transform: scale(1.03); /* box-shadow: 0px 2px 16px #888888; */}效果如下:2 在.big:hover中间加空格,代码如下:...原创 2021-10-15 23:15:18 · 1731 阅读 · 2 评论 -
BFC(块级格式化上下文)的总结
本文从BFC是什么、如何形成以及应用场景讲述原创 2021-10-12 22:14:46 · 1683 阅读 · 2 评论 -
SCSS的基本使用
scss的简单使用。官方文档:https://www.sass.hk/原创 2021-07-15 12:57:40 · 1557 阅读 · 3 评论