SCSS

sass的学习

sass和scss的区别：实际上是同一种技术的不同叫法。语法差异，scss是对sass的一种改进，他引入了更接近标准的css语法，更适合直接转换为css代码。
明里灰·2024-01-30 00:32

最全的前端知识之css与jsp介绍

请各位观众老爷们查收一.css介绍（1）什么是cssCSS是“CascadingStyleSheet”的缩写，中文意思为“层叠样式表”（层层叠加的样式），它是一种标准的样式表语言，用于描述网页的表现形式
菜鸟小木·2024-01-29 21:02

CSS选择器--乐字节Java

CSSCSS（英文全称：CascadingStyleSheets）层叠样式表,是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
天上的小仙女呀·2024-01-29 20:03

react中px转rem（px2rem和px to rem &rpx的使用）

用的时候除以100，10px=0.1rem1.直接在scss文件中使用函数定义函数@functionpx2rem($px){@return$p
仙女爱吃鱼·2024-01-29 15:59

前端开发工具：Prepros for Mac

首先，它支持多种文件类型的编译，包括LESS、Sass、SCSS、Stylus、Jade、CoffeeScript、Haml和MarkDown等，这使得开发者能够轻松处理这些文件。
d5fanfan·2024-01-29 12:32

CSS选择器详解及部分元素属性

一，CSS介绍1.什么是CSSCSS又叫层叠样式表(CascadingStyleSheets)；CSS能够对网页中元素位置的排版进行像素级精确控制，实现美化页面的效果，能够做到页面的样式和结构分离。
蜡笔小心眼子！·2024-01-29 05:22

滚动条样式修改（scss格式的，可自行改成其他格式）

把代码加到样式文件中：#app{.main-container{min-height:100%;transition:margin-left.28s;margin-left:$sideBarWidth;position:relative;}.sidebar-container{transition:width0.28s;width:$sideBarWidth!important;backgroun
MINGing_0dd8·2024-01-29 01:12

typescript入门练手小demo

刚好最近论文查重过了，时间暂时充裕了起来，就准备练习一下typescript和scss。实现的效果也很简单代码放在了gitee上，仓库地址是ts
微雨即至·2024-01-28 21:33

练习动画最好的方式（SCSS篇）：图片故障效果~

什么是故障效果？它的原意是“短暂的干扰”，在视觉艺术中常被用来指“图像干扰”。这是恐怖片和网络片中最常见的效果之一。什么是RGB置换？色差、RGB偏移、RGB分裂（RGBsplit）等。有各种方法来描述它，但从本质上讲，它意味着光的三原色，即红、绿、蓝，在没有任何错位的情况下应该重叠显示的状态。这是与突变效果一起使用的，在某些情况下，突变一词被用来包括颜色的转变，所以在这种情况下也实施它，会产生更
前端仙人·2024-01-28 20:52

Vue3 + Vite 配置全局scss

1.安装scssnpminstall-Dsass2.配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets
Free zitao·2024-01-28 16:18

vue3+vite使用scss

1、安装依赖npminstallsass-d2、配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets
xfq_z·2024-01-28 16:48

vue3和vite项目在scss中因为本地图片，不用加~

看了很多文章说要加~，真的好坑哦，我的加了~反而出不来了：304NotModified所以需要去掉~：/*默认dark主题*/:root[theme='red']{--bg-color:#0d1117;--text-color:#f0f6fc;--backImg:url('@/assets/images/redBg.png');}/*light主题*/:root[theme='blue']{--b
1024小神·2024-01-28 16:47

【Vue版记账项目总结】Vue、Vuex、VueRouter、JS/TS、svg、css/scss实战总结

目录项目介绍项目前的准备及项目构思模块化封装通用组件@语法导入相关文件CSS的变种形式Vue中CSS的deep选择器Vue中CSS类名的表驱动编程使用VueRouter的active-class动态添加类名使用svg-sprite-loader引入icon与封装icon组件JavaSript组件TypeScript组件custom.d.ts怎么用Vue单文件组件的三种写法Layout组件&插槽使用
不知名网友小H·2024-01-28 14:57

Vue3在css中使用v-bind绑定js/ts变量，也可以在scss和less中使用方式

主要介绍Vue3中的新增的v-bind()的常用使用方式，主要包括在css,less,scss中的使用，可以参考官方文档查看：Vue3官方文档特别提醒如果你想在scss中或者less中使用，可能会报各种乱七八糟的错误
1024小神·2024-01-28 14:56

ElementUI 源码分析2 - 组件篇

scss文件是如何优雅组织的？1、组件分析3.1、基本结构组件的共性分析：1、结构都是类似的，以Alert为例：importAlertfrom'.
风之化身呀·2024-01-27 23:02

vite + vue3 + elementPlus + vuex + axios项目搭建及问题

5：引入vuex保存变量发现刷新丢失怎么办6：vite打包后放服务器jscss找不到怎么配置常规为题：1：vue3使用获取路由传参2：vue3父组件触发子组件方法3：
Thekingyu·2024-01-27 17:00

前端代码审查（Code Review）---具体实践规范会持续更新

前端代码审查（CodeReview）针对目录结构、SCSS规范、JS规范、Vue规范可参照官方给出的风格指南（CodeReview）具体实践规范1、POST/PUT/DELETE请求按钮需要添加loading
wocwin·2024-01-27 15:04

uniapp导入uView组件库

目录准备工作1.新建一个项目2.导入uview组件库3.关于SCSS配置步骤1.引入uView主JS库2.在引入uView的全局SCSS3.引入uView基础样式4.配置easycom组件模式添加效果实验运行即可成功准备工作
前端 贾公子·2024-01-27 13:22

SASS简介以及使用方式

Sass文件的后缀为.scss。使用Sass时，不是直接创建.css文件，而是创建一个.scss文件，按照Sass特定的语法格式来写样式
打工人何苦为难打工人·2024-01-27 11:28

引起引入错误

的时候使用,爆错，File"/LIGHT/xxx.jsp"notfound，原因是,这个标签里面不能出现${pageContext.request.contextPath},因为在引入jscss
aioulaoda·2024-01-26 20:34

CSS预处理器---Sass/Scss

sass的语法分：.sass和.scss。
煸橙干儿~~·2024-01-26 20:44

CSS--样式穿透

样式穿透具体可分为css、less以及scss，语法不同，具体语法如下所示。
煸橙干儿~~·2024-01-26 20:44

jest测试项目中遇到的报错解决方案

1.报错：windowisnotdefined解决方法：引入jsdom，在jest.config.js中添加：testEnvironment:“jsdom”,2.直接将css（scss，sass）文件导入组件导致的测试程序执行失败解决方法
条件if循环·2024-01-26 19:33

一文读懂vue+scss实现主题换肤功能

文章目录前言一、实现原理分析二、scss实现1.theme.scss2.handle.scssscss语法回顾1.
pixle0·2024-01-26 16:40

elementUI中table的row-class-name和cell-class-name

所以使用的是这个写法，如果不需要传参，直接如下即可：:row-class-name="editCellClassName"然后如下，给符合条件的行加上一个样式，然后在样式里面加背景色即可因为我使用的是scss
yy_demo·2024-01-26 10:42

Vue 动态换肤

效果如图：设计思路：规划几套样式，通过动态class或scss混入@include等方式进行赋值，给最外层的父元素添加全局样式。
我不是费圆·2024-01-26 10:48

搭建个人博客网站时，前台博客详情页代码块的显示优化

项目使用的技术栈：后台管理：Vue3+Element-Plus+SCSS前台系统：Nuxt3+Element-Plus+SCSS服务端：Node.js+Mysql+Express1、优化前的展示效果：1
wen_文文·2024-01-26 08:00

uiapp适应小程序

本文若对你有用,给个免费Star和关注,持续输出前端各种稀奇古怪的问题所实现的效果如图自定义月份代码如下,注释齐全本段代码用到scss{{startY}}年{{month.val}}{{endY}}年{
梦千诺·2024-01-26 02:00

webpack学习笔记——简介及安装

如下，一图胜千言，就是将左边的各种资源进行整合，压缩甚至是混淆等种种操作后，最后打包成右边的图示几个通用的纯粹的jscssjpgpng等。懒得理解了，就把它看成是Android中的gradle吧。
仰简·2024-01-26 00:26

vue css穿透 /deep/、::v-deep和 ＞＞＞的区别

;使用场景：项目中用到了预处理器scss、sass、less的时候。vue-c
深情止于人海·2024-01-25 17:44

/deep/与＜＜＜

”的作用和/deep/一样,把[data-v-67952791]提前（这里的[data-v-…]会变化的），后面说/deep/适用的情况:就是没有写lang1.2/deep/作用情况：写了less或者scssVue
爱墨鱼的猫·2024-01-25 17:14

/deep/和 ＞＞＞以及 ::v-deep 三者的区别

>>>深度作用选择器的简写形式只作用于css，不支持css预加载器（less/scss）是/deep/的简写形式,适用于Vue2.x版本，Vue3.x版本使用会报错/deep/Vue2
兴趣使然的码仔·2024-01-25 17:43

样式穿透（＞＞＞和 /deep/以及 ::v-deep 三者之间的区别）

某个深层元素可以用深度作用选择器（因为element-ui进行了封装，正常使用类名样式不会发生改变，要想修改成规定的样式，就需要使用深度选择器），直接使用>>>穿透进行样式修改只作用于css，不支持css预加载器（less/scss
Skr@Chen·2024-01-25 17:12

vue全局公共样式

vue公共样式代码存放在/src/styles文件夹里index里引入其他组件公共样式，index.scss文件内容如下：@import'./sidebar.scss';@import'.
活宝小娜·2024-01-25 12:20

node-sass简介与安装

它允许用户以令人难以置信的速度将.scss文件本地编译为css，并通过连接中间件自动编译。什么是Sass?Sass是一种预处理器脚本语言，可以解释或编译成层叠样式表（CSS）。
蜗牛杨哥·2024-01-25 08:58

sass介绍与使用方法

sass笔记总结文章目录sass笔记总结安装sass使用sassscss语法与使用scss基本用法代码展示注意点compass简介安装sass为了在我们的电脑上能够使用sass，我们首先需要安装ruby
just_a_bad_guy·2024-01-25 08:54

SASS简介及使用方法

使用Sass编写样式时，不是直接创建.css文件，而是创建一个.scss文件，按照Sass特定的语法格式来写样式。Sass的基本语法包括：变量：Sass的变量名必须以符号开头，后面紧跟变量名。
数字化信息化智能化解决方案·2024-01-25 08:48

css 起步

什么是CSSCSS(CascadingStyleSheets，层叠样式表)是为web内容添加样式的代码。和HTML类似，CSS也不是真正的编程语言，甚至不是标记语言。
fiftieth·2024-01-24 22:30

elment-plus如何引入scss文件实现自定义主题色

elment-plus如何引入scss文件实现自定义主题色！如果您想修改elementPlus的默认主题色调，使用自定义的色调，可以考虑使用官方提供的解决办法。第一步你需要在项目内安装sass插件包。
yrldjsbk·2024-01-24 22:16

Webpack5 基本使用 - 2

打包样式文件打包csscss文件需要先用css-loader处理，再用style-loader插入标签中。安装
丶清风不问烟雨·2024-01-24 21:42

vue-实战去哪儿项目

npminstallnpmrundev项目展示项目涉及到技术栈：vue：Vue、Vue-router、Vuex、Vue-cli插件：vue-awesome-swiper、better-scrollAxiosCSS
唐人不自醉·2024-01-24 18:18

vue-admin 完全隐藏掉左侧菜单栏

在src/styles/sidebar.scss文件中修改第一个.hideSidebar.hideSidebar{.sidebar-container,.sidebar-container.el-menu
宿命小人·2024-01-24 17:27

Vue.js - Day5 - Webpack

JS.js.jsx.coffee.ts（TypeScript类C#语言）CSS.css.less.sass.scssImages.jpg.png.gif.bmp.svg字体文件（Fonts）.svg.ttf.eot.woff.woff2
砖工·2024-01-24 12:04

Sass语法规则及使用方法

对css完全兼容语言扩展，例如变量、嵌套、mixins拥有大量函数，可以用来操作颜色及其他属性值高级特性如controldirectives可以自定义格式化输出sass有两种语法格式，分别以sass和scss
_亦影·2024-01-24 09:30

SASS的了解与使用

Sass文件后缀为.scss。2、SASS预处理技术css不是一种编程语言，仅仅只能用来编写网站祥式，在web初期时，网站的搭
执笔丶画苍生·2024-01-24 09:58

sass简介

Scss是Sass3引
四色花瓣·2024-01-24 09:28

Frontend - SASS / SCSS 文件使用

目录一、安装所需依赖1.django-compressor2.django-sass-processor二、settings.py文件配置三、html使用1.配置2.导入一、安装所需依赖1.django-compressor2.django-sass-processor安装依赖，可参考另一篇文章：Backend-安装依赖（pip、tar.gz）_python通过tar.gz包安装依赖包-CSDN博
盛开的小苔花·2024-01-24 09:26

改element 主题颜色

方法一直接用过sass创建element-variables.scss(名字自定义)/*改变主题色变量*/$--color-primary:red;/*改变icon字体路径变量，必需*/$--font-path
简小咖·2024-01-24 01:42

第九节 初始化项目

系列文章目录目录系列文章目录前言操作方法总结前言初始化项目，导入默认reset.scss、variables.scss及mixins.scss等并修改main.js引入样式操作方法将默认样式表文件导入到项目
hongc93·2024-01-23 19:44

#Uniapp：引入fonts&目录结构&全局样式&启动模式&全局变量

unpackage//打包文件目录App.vue//根组件main.js//入口文件manifest.js//应用配置文件pages.json//页面配置文件uni.scss//内置样式文件开
前端xiaolibao·2024-01-23 15:34
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他