SCSS 第2页

scss配置主题

$themes:(light:(font_color:#fff,),dark:(font_color:#000,),);@mixinthemeify{@each$theme-name,$theme-mapin$themes{//!global把局部变量强升为全局变量$theme-map:$theme-map!global;//判断html的data-theme的属性值#{}是sass的插值表达式/

鸿是江边鸟，曾是心上人·2024-02-20 23:27

webpack5介绍及基本使用（一）

webpack语法规范安装依赖及基本配置loader(加载器)1、处理ts/js文件1.1babel配置文件1.2browserslist配置文件2、处理图片、字体、图标等资源文件3、处理**less、scss

前端咸鱼翻身·2024-02-20 17:03

vite+ts+vue3项目初始化 -- eslint+prettier代码格式化

vue3+ts项目初始化配置--eslint+prettier格式化校验一、配置@代替src目录二、项目中引入scss三、引入公共样式四、引入组件报红色波浪线五、有些语法不认识需要在vscode中安装Volar

weixin_43993776·2024-02-20 17:55

vs code 使用scss/sass

sass的编译依赖Ruby环境1、安装Ruby官网下载传送门注意：安装Ruby时一定要勾选AddRubyexecutablestoyourPATH，用来将Ruby添加到系统变量，后续可以省却很多不必要的麻烦。2、装好Ruby后再命令行输入gemsass来安装Sass。3、装好Sass后，启动vscode，在拓展商店里搜索“easysass”，并安装，安装成功后点重新加载。4、接下来进行配置：在vs

zyy_0725·2024-02-20 10:34

vscode安装easy sass插件

本来一切准备就绪，开始用scss编译wxss文件，发现代码不显示提示，也编译不成功，弹出提示EasySass:couldnotgenerateCSSfile.SeeOutputpanelfordetails

wendyzhouwendy·2024-02-20 10:04

Vscode 使用easy sass插件报错

我在vscode正常下载easysass插件后，按照正常的流程设置了插件环境，但是每次在.scss文件上进行内容添加时，总是会报错”EasySass:couldnotgenerateCSSfile.SeeOutputpanelfordetails

游郭飞鸿引晨铃·2024-02-20 10:33

关于vscode中使用easy sass扩展时，scss文件保存后不会产生css文件的解决方法

下载并配置好easysass扩展几天后，使用时发现保存scss文件后css文件夹中没有出现编译后的css文件，这是怎么回事呢？难道是设置问题？

哎呀你干嘛啊·2024-02-20 10:59

sass/scss基础使用（node|dart-sass区别、安装、搭配VScode的Easy Sass使用、基础语法、变量$、插值#{}、嵌套、父元素&、静默注释、数学运算、循环、混合、继承、函数）

目录Sass|Scss介绍版本（node|dart-sass）区别安装搭配VScode使用EasySass注意设置常见报错Scss(Sass)基础语法变量插值（#{}）嵌套伪类、伪元素|父元素表示（&）

YF-SOD·2024-02-20 10:26

项目准备

vuecreateedu-boss-fed2.自定义选项我们需要这几种功能：BabelRouter（使用hash模式下的路由）VuexCSSPre-processors（CSS预处理器，使用Sass/SCSS

amanohina·2024-02-20 04:01

scss基础

Scss基础语法只是觉得记个笔记比较印象深刻，其实去官网看最好了。写的也大部分都是官网上的东西，官网总结的已经很清晰了。只是提炼一下，便于以后查看。

小王今天也要加油鸭~！·2024-02-20 02:59

html+css+js炫酷特效+加速粒子效果

让火箭上下不停的移动2.3利用::after制造尾部的火焰2.3使用js创建并添加随机的大小和位置颜色2.4使用js创建插入到页面上2.5给添加下落的动画2.6给添加下落的落差感3.源码分享html+jscss1

门前大桥下.·2024-02-19 23:38

uni-app基础知识笔记

uni-app的基本使用课程介绍：基础部分：环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯

安静宅男爱蓝猫·2024-02-19 21:24

创建 vite + vue3 + ts 项目简单笔记

W.Y.B.G·2024-02-19 19:08

canvas实现黑客帝国矩形阵

由于是canvas实现的，所有首先第一步就是在页面添加canvas标签，如下：请使用高版本浏览器，IE8以及一下不支持canvascss代码：html,body{height:100%;overflow

qq_45670012·2024-02-19 15:18

JS特效第139弹：卡片式的登录注册表单ui布局

jscss3制作登录/注册框表单动画切换，卡片式的登录和注册表单上下滑动切换布局特效，先来看看效果：一部分关键的代码如下：login/signupformanimation或注册注册或登录登录全部代码：

马coder·2024-02-14 14:04

JavaEE学习日志(四十): CSS选择器，CSS属性

JavaEE学习路线（文章总汇）JavaEE学习日志（四十）CSSCSS选择器基本选择器属性选择器包含选择器伪元素选择器CSS属性边框属性转换属性字体属性背景属性浮动属性盒子模型注册前端案例CSSCSS

隔叶听风·2024-02-13 09:48

vue-element安装scss后报错

报错信息：TypeError[ERR_INVALID_ARG_TYPE]:The"path"argumentmustbeoftypestring。报错原因：版本问题（已安装node-sass和sass-loader的情况下）解决方案：package.json文件中的node-sass和sass-loader版本改成："node-sass":"^4.11.1""sass-loader":"^7.3.

print_printf·2024-02-12 23:30

css 前端第二剑客

一.简单介绍cssCSS指层叠样式表(CascadingStyleSheets)样式定义如何显示HTML元素，样式通常存储在样式表中把样式添加到HTML中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率

宇晨棒棒的·2024-02-12 23:28

/deep/ 或者::v-deep的使用

important;}如果lang="scss"，就不

LemonTree7·2024-02-12 16:00

IIS中应用程序的建立

2.在新建的应用中，页面引用如:jscss,都要加上目录（annex）。新建站点

IBM_LELE·2024-02-12 13:46

webpack 配置文件、配置项、插件

webpack.config.js配置项entry入口文件,告诉webpack打包从哪个文件开始,可以有一个或多个入口文件.output出口文件,也就是打包生成的文件存放位置,只能有一个.Loader对源代码进行转换,例如:将scss

Pumpkincc·2024-02-12 10:53

软件测试/测试开发丨Web端测试—CSS讲解学习笔记

本文转自测试人社区，霍格沃兹测试开发学社学员笔记原文链接：https://ceshiren.com/t/topic/29441一、CSS入门1.1、什么是CSSCSS指层叠样式表（CascadingStyleSheets

·2024-02-11 17:38

【Sass/SCSS 官方英文文档翻译整理】SCSS 完整自学中文版教程01_Sass基本介绍

Sass支持像css一样的大括号语法，文件扩展名为.scss，以及另一种使用缩进的语法，文件扩展名为.sass。教程主要采取完全兼容css的SCSS语

drylint·2024-02-10 03:24

CSS Turing完成了吗？

本文翻译自：IsCSSTuringcomplete?CSSisn't,insofarasIknow,Turingcomplete.就我所知，CSS并不是图灵完整的。

xfxf996·2024-02-09 20:28

taro踩坑

使用taro下的组建ScrollView时候样式出不来解决方案全局样式引入import'taro-ui/dist/style/index.scss'即可

风雪之隅_b6f7·2024-02-09 18:55

AngularCLI自定义主题

AngularCLI自定义主题（一）1.自定义主题1.创建自定义主题文件theme.scss1.1.1引入自定义主题支持和material公用的主题风格//引入material自定义主题支持@import

weixin_45044818·2024-02-09 09:16

Uni-App学习路线

Uni-App学习路线学习Uni-app用到的技术Uni-app官网HtmlCssJavaScriptVue2.xAxiosMockScss成长路线:一.必须掌握前端基础知识html\css\js\vue2

吃肉肉不吃肉肉·2024-02-09 08:42

webpack与vue-cli

1、什么是WebpackWebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用

波波仔86·2024-02-08 20:28

elementUI radio修改单选框多选框选中样式及自定义其他样式

这是官方组件的显示效果，项目效果需求如下图找了很多资料，最后终于解决了，边看代码边解释吧：```css这里的.right是我自定义的类名，父盒子，我的单选组是直接放在这个盒子里面的，下面的写法是vue的scss

前端攻城狮路飞·2024-02-08 11:02

【学习笔记】Vue.js - 一个构建数据驱动的web界面的渐进式框架

命名格式命名法适用范围camelCase变量、参数、函数、方法、方法属性、id、空间PascalCase类、枚举、Vue组件kebab-casehtml文件、标签、元素属性、选择器underline_casecss/scss

shawxlee·2024-02-08 10:54

vue-cli引入Element Plus（element-ui），修改主题变量，定义全局样式

ElementPlus-Theworld’smostpopularVue3UIframework1、安装element-plusnpminstallelement-plus--save2、src/assets/styles下新建一个scss

shawxlee·2024-02-08 10:53

HTML与CSS之CSS的基本使用

CSSCSS（英文全称：CascadingStyleSheets）层叠样式表,是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

一纸油伞·2024-02-08 00:13

前端开发：（三）CSS入门

1.介绍CSS1.1什么是CSSCSS（CascadingStyleSheets）是一种用于描述文档样式和布局的样式表语言，用于美化和排版HTML和XML等标记语言的内容。

星光闪闪k·2024-02-07 23:05

react 使用react-seamless-scroll实现无缝滚动

react-seamless-scroll无缝滚动案例介绍3.react项目集成3.1项目引入`cssSeamlessScroll`滚动组件3.2完整代码3.2.1newBet.tsx代码3.2.2index.module.scss1

范特西是只猫·2024-02-07 19:10

vue3+Element-plus el-pagination分页组件英文如何转换为中文

/assets/main.scss'//自己的样式尽可能的往下放import*as

张小瑜·2024-02-07 16:00

前端工程化之：webpack3-4(css in js)

一、cssinjscssinjs的核心思想是：用一个JS对象来描述样式，而不是css样式表。

小李老笨了·2024-02-07 10:58

【项目实战】sass使用基础篇（上）

CSS预处理语言有Scss(Sass)和Less、Postcss。Scss和Sasssass一开始用的是一种缩进式的语法格式采用这种格式文件的后缀名是.sas

monkeysoft·2024-02-07 09:30

使用vite创建vue+ts项目，整合常用插件（scss、vue-router、pinia、axios等）和配置

一、检查node版本指令：node-v为什么要检查node版本？Vite需要Node.js版本18+，20+。然而，有些模板需要依赖更高的Node版本才能正常运行，当你的包管理器发出警告时，请注意升级你的Node版本。二、创建vite项目指令：npmcreatevite@latestvue-ts-app----templatevue-ts参考vite官网模板(template)：:::infova

留白声·2024-02-07 07:56

react中jest配置，解决node_modules报错esm无法解析的问题

(css|less|scss|sss|styl)$":"jest-css-modules"}并安装jest-css-modules（npmi--save-devjest-css-modules）module.exports

after you·2024-02-07 05:35

sass 内置函数 - 颜色

sass内置函数-颜色参考scss官网sass:color获取颜色单个值1.alpha($color)返回值：返回传入的color的透明度alpha的值（0-1之间的数字）内置方法的定义color.alpha

陌上无人花自开否·2024-02-06 07:30

Webpack的loader是什么

webpack自带的打包器只能支持JS文件当我们想要加载css/less/scss/stylus/ts/md文件时，就需要用到loaderloader的原理就是把文件内容包装成能运行的JS比如加载css

Repeater、·2024-02-06 06:38

scss和less的区别

Sass(Scss)、Less都是CSS预处理器，他们定义了一种新的语言，其基本思想是，用一种专门的编程语言为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行CSS

Repeater、·2024-02-06 06:38

Vue-easy-tree封装及使用

main.js中引入importVueEasyTreefrom"@wchbrad/vue-easy-tree";import"@wchbrad/vue-easy-tree/src/assets/index.scss"Vue.use

qq_42753983·2024-02-05 15:51

你必须知道的CSS盒模型

一、css盒子模型概念CSScss盒子模型又称框模型(BoxModel)，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。

前前前端小飞·2024-02-05 10:16

Tailwind CSS

动态属性用优点不用命名样式不用想并不重要的CSS变量名缺少命名逻辑不用撰写维护和模板【对应的独立css块】不用不停滚动屏幕切换鼠标光标位置【vue】打包后的css文件占用空间变小：因为在class上原子化cssCSS

参宿7·2024-02-05 08:45

前端总结：CSS/js 踩过的坑以及一些冷知识(永久更新)

img)2、内层margin≠外层padding3、js修改className4、垂直居中5、再说居中6、关于float7、关于position8、html/js9、关于图片的max-height问题csscss

liberg·2024-02-05 06:11

React中css-in-js的使用

简单来说CSS-in-JS就是将应用的CSS样式写在JavaScript文件里面，而不是独立为一些css，scss或less之类的文件，这样你就可以在CSS中使用一些属于JS的诸如模块声明，变量定义，函数调用和条件判断等语言特性来提供灵活的可扩展的样式定义

月光晒了很凉快·2024-02-05 03:45

【styled-components】css-in-js 热门库

简单来说css-in-js就是将应用的css样式写在JavaScript文件里面，而不是独立为一些css、scss或less这类的文件，这样你就可以在css中使用一些属于js的如模块声明、变量定义、函数调用和条件判断等语言特性来提供灵活的可扩展的样式定义

一颗不甘坠落的流星·2024-02-05 03:14

css-in-js