技术栈
scss
林啾啾
2 天前
前端
·
css
·
scss
CSS预处理器——SCSS的灵活语法
SCSS(Sassy CSS)是一种 CSS 的预处理器,是 CSS 的一种扩展语言。它在 CSS 的基础上增加了许多强大且实用的特性,如变量、嵌套规则、混合器(mixins)、继承、运算符和函数等。SCSS 的文件扩展名是 .scss,在大多数情况下与标准 CSS 兼容,但同时也提供了更强大和灵活的语法。
Bl_a_ck
4 天前
前端
·
css
·
less
·
css3
·
sass
·
html5
·
scss
【CSS进阶】常见的页面自适应的方法
在前端开发中,自适应布局(Responsive Design)是一种让网页能够适应不同屏幕尺寸、设备和分辨率的技术。常见的自适应布局方法包括 流式布局、弹性布局(Flexbox)、栅格布局(Grid)、媒体查询(Media Queries)、rem/vw/vh 等单位 以及 CSS 框架(如 Bootstrap)。
年纪轻轻只想躺平
9 天前
前端
·
css
·
scss
scss模块化
scss编译时模块化:能够获取和使用导入scss的函数和变量,存在以下问题与sccc运行时模块化容易混淆
樊南
25 天前
小程序
·
uview
·
sass
·
scss
·
wechat
·
uiewplus
·
colorui
【esp32-uniapp】uniapp小程序篇02——引入组件库
接下来介绍colorUI、uview plus的安装,其他的安装可自行查找教程weilanwl/coloruicss: 鲜亮的高饱和色彩,专注视觉的小程序组件库
骆驼Lara
1 个月前
前端
·
javascript
·
css
·
vue.js
·
vue3
·
scss
Vue3.5 企业级管理系统实战(三):页面布局及样式处理 (Scss & UnoCSS )
本章主要是关于整体页面布局及样式处理,在进行这一章代码前,先将前两章中的示例代码部分删除(如Home.vue、About.vue、counter.ts、App.vue中引用等)
我有一棵树
1 个月前
前端
·
bug
·
scss
style标签没有写lang=“scss“引发的 bug 和反思
遇到了一个问题,有一个css样式问题,在 chrome 浏览器上和 16.0 版本以上的 safari 浏览器完全没有问题,但是在 15.3 版本的safari浏览器上就完全乱套了。
夕水
1 个月前
前端
·
scss
SCSS即将废弃`@import`,以前的`@import`该何去何从?
随着前端开发技术的不断发展,SCSS(Sass)作为一种流行的CSS预处理器,已经在众多前端项目中得到了广泛应用。其优雅的语法、强大的功能以及灵活的模块化机制,使得开发者能够更加高效地构建和管理样式表。然而,随着SCSS的不断迭代更新,我们也迎来了一个重要的变革:@import语法即将被废弃。虽然@import曾经是SCSS的核心功能之一,但它的缺点在实际开发中逐渐暴露出来,特别是在大型项目中,带来了性能和可维护性上的诸多问题。
林涧泣
1 个月前
css
·
uni-app
·
scss
【Uniapp-Vue3】@import导入css样式及scss变量用法与static目录
在项目文件中创建一个common文件夹,下面创建一个css文件夹,里面放上style.css文件,编写的是公共样式,我们现在要在App.vue中引入该样式。
椒盐大肥猫
1 个月前
css
·
uni-app
·
scss
uniapp使用scss mixin抽离css常用的公共样式
编译后的效果:
weixin_43869439
1 个月前
javascript
·
vue.js
·
scss
el-dialog 组件 在<style lang=“scss“ scoped>标签
野槐
1 个月前
前端
·
less
·
scss
CSS进阶和SASS
目录一、CSS进阶1.1、CSS变量1.2、CSS属性值的计算过程1.3、做杯咖啡1.4、下划线动画1.5、CSS中的混合模式(Blending)
xiaohua0708day
1 个月前
前端
·
css
·
scss
css预处理器sass
在前端开发的世界中,CSS 是构建网页样式的基础。然而,随着项目规模的增大,纯 CSS 的编写和维护往往会变得复杂而繁琐。为了解决这些痛点,Sass(Syntactically Awesome Style Sheets)应运而生。Sass 是一种 CSS 预处理器,它扩展了 CSS 的功能,让 CSS 的编写更加高效、灵活和易于维护。本文将深入探讨 Sass 的概念、优势、语法、以及如何在实际项目中应用它,帮助你提升 CSS 技能,告别 CSS 的烦恼。
16年上任的CTO
2 个月前
javascript
·
css
·
css3
·
sass
·
scss
·
stylus
一文大白话讲清楚CSS预编译语言,包括Sass,Scss,Less,Stylus
子非鱼@Itfuture
2 个月前
前端
·
typescript
·
js
·
scss
ts是什么、tsc是什么、tsx是什么、jsx是什么、scss是什么
TypeScript 是一种由微软开发的开源编程语言,它是 JavaScript 的一个超集,增加了类型系统和对ES6及以后版本新特性的支持。TypeScript 旨在解决 JavaScript 开发中的可维护性、可扩展性和大型项目中的复杂性问题。它允许开发者在编译时进行类型检查,以提高代码的健壮性。
加油乐
2 个月前
前端
·
css
·
scss
CSS文字选中效果、图片裁剪
赵大仁
2 个月前
前端
·
javascript
·
vue.js
·
前端框架
·
css3
·
html5
·
scss
Tailwind CSS:现代 CSS 框架的优雅之选
在现代前端开发中,CSS 的灵活性和复杂性让开发者在设计与实现之间寻找平衡。而 Tailwind CSS 的出现,重新定义了 CSS 框架的使用方式。它是一种原子化的 CSS 工具库,提供了丰富的类名以快速构建现代化用户界面。
mosen868
2 个月前
前端
·
uni-app
·
scss
uniapp中uni.scss如何引入页面内或生效
uniapp中uni.scss不需要引用自动会生效,前提是安装了scss.在 UniApp 项目中,如果需要在页面的 SCSS 中使用 uni.scss 定义的变量,需要确保全局变量文件 uni.scss 被正确加载。
Elena_Lucky_baby
2 个月前
less
·
sass
·
scss
sass、scss、less、的区别
sass、scss、less都是css预处理器,区别如下:1语法格式:sass采用缩进格式,不使用大括号和分号
宁波阿成
2 个月前
前端
·
css
·
scss
scss文件内引入其他scss文件报错
1、今天在编译一些老项目的时候,老是提示下面信息2、而且有很多Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.警告
问道飞鱼
3 个月前
前端
·
css
·
less
·
scss
【前端知识】SCSS(Sassy CSS)是一种CSS预处理器语言
SCSS(Sassy CSS)是一种CSS预处理器语言,它为CSS增加了编程特性,使得样式表更加强大和灵活。以下是关于SCSS的详细介绍: