SCSS

【CSS扩展】VUE如何使用或修改element plus中自带的CSS全局变量来定义样式

目录一、CSS声明全局变量二、使用elplus和elui的自带样式1、elementplus——var.scss位置2、elementui——var.scss位置三、修改elplus和elui中的自定义样式变量
音仔小瓜皮·2024-01-14 12:47

在 Vue-cli 中 Sass 使用全局变量

sass-resources-loader使用sass-resources-loader插件,并修改utils.js/build/utils.jsscss:generateLoaders('sass')
hankchang·2024-01-14 08:48

HTML5 & CSS学习笔记

目录HTML1.html骨架2.HTML标签2.1排版标签2.1.1标题标签3.媒体标签4.列表标签CSSCSS书写顺序：1.选择器1.1标签选择器1.2基础选择器1.3id选择器1.4通配符选择器2.
秣凡·2024-01-14 07:47

Less

是一门CSS预处理语言,它扩充了CSS语言,增加了诸如变量,混合(mixin),函数等功能,让CSS更易维护,提高开发效率https://less.bootcss.com/less官网http://lesscss.cn
心存美好·2024-01-13 18:05

scss联系：蜂窝布局

$n:19;//需要显示的线条数量$size:100%/$n;.line{display:flex;width:100%;margin-top:-$size/12;.item{flex-shrink:0;width:$size;height:80px;background-color:#8fc2bf;//六边形裁剪网站：http://tools.jb51.net/code/css3path-web
_GuGu_·2024-01-13 16:46

uniapp 查找不到uview-ui文件怎么办？

这样的原因是你的项目里没有package.json包，先执行npmi-y再安装uview-ui2.main.js引入importuViewfrom"uview-ui"Vue.use(uView)uni.scss
茶茶只知道学习·2024-01-13 13:48

2020-03-19 vue项目安装scss，使用报错

正常安装流程1、首先安装淘宝镜像（也可不用）$npminstall-gcnpm--registry=https://registry.npm.taobao.org2、用cnpm重新安装一次（没有安装淘宝镜像可直接用npm）cnpminstallnode-sass--save-devcnpminstallsass-loader--save-dev正常安装完node-sass和sass-loader后
xxx小毛驴儿·2024-01-13 11:48

uniapp移动端基础介绍

css的引用如果我们创建自定义的样式文件，例如创建一个/static/scss/cafe.css，想
可口可乐Vip·2024-01-12 16:20

关于sass（scss）、less、postcss、stylus等的用法与区别

关于sass（scss）、less、postcss、stylus等的用法与区别一.Sass/Scss、Less、stylus是什么?它们都是css预处理器。
cain07·2024-01-12 14:18

scss，js使用——功能小记

这里主要记录一些容易忘的小技巧,持续更新~scss禁掉图片长按选择img{pointer-events:none;}雪碧图定位方法封装$list_style:("calss1","class2","class3
阳光小美女king·2024-01-12 13:05

浏览器渲染过程，DOM树和渲染树的区别，什么是重绘和回流？

最后渲染在界面上，用户就看到了浏览器的渲染过程：解析HTML构建DOM(DOM树)，并行请求css/image/jsCSS文件下载完成，开始构建CSSOM(CSS树)CSSOM构建结束后，和DOM一起生成
晴天暖宝宝·2024-01-12 02:38

前端学习笔记 5：大事件

/assets/main.scss'import{createA
魔芋红茶·2024-01-11 23:57

vue3+ts+vite项目从0 搭建，配置安装router/pinia/element-plus/scss等

安装配置scss1.运行安装scssnpminstall-Dsasssass-loader@^10style-loadercss-loader
葫芦娃y·2024-01-11 23:09

Vite+vue3+Ts+pinia开发（四：SCSS、Axios以及别名@的使用）

踩坑）Vite+vue3+Ts+pinia开发（二：路由、pinia、UI库安装）Vite+vue3+Ts+pinia开发（三：父子通讯、兄弟通讯、数组清空、ref、reactive的使用）今天就讲讲SCSS
邪七·2024-01-11 13:34

HbuilderX使用Uniapp+Vue3安装uview-plus

，下面将提一下Vue3安装uview-plus库的教程创建项目安装首先进入官网uView-Plus直接下载并导入选择创建好的uniapp项目——确定即可使用buildX工具点击这里下载方式配置文档安装scss
Southern Wind·2024-01-11 12:25

webpack学习笔记

webPack可以看做是模块的打包机器：它做的事情是，分析你的项目结构，找到js模块以及其它的一些浏览器不能直接运行的拓展语言，例如：Scss，T
小白探索世界欧耶！~·2024-01-11 06:44

常用工具集合

1、前端vscodeplugins：Chinese(Simplified)(简体中文)EasySass:scss编辑生成css文件LiveServer:Launchalocaldevelopmentserverwithlivereload2
@Within·2024-01-11 02:18

基础知识 | css基础知识

Cascadingstyle层叠样式表，简称样式作用：美化页面css与html属性的使用原则html属性：代码不能充裕，只对一个元素生效代码没有维护性css:代码有一定的重用性，提升可维护性但是重用性没有做到极致，后期使用Scss
快乐的高兴的学习代码中·2024-01-10 20:13

html炫酷导航实例,HTML+CSS3简易实现炫酷导航栏（颜色可改）

HTML页面为csscss导航栏homefirstonetwothreefourfivesixsecondonetwothreefourfivesixthrid</
老K先生·2024-01-10 19:49

npm i sass-loader node-sass -D安装失败解决办法

一、安装scss打包工具时候npmisass-loadernode-sass-D会进行报错二、首先安装淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org
快乐的小青蛙。·2024-01-10 09:00

sass 安装:npm install sass -g 使用:sass -w scss:css

2.scss和sass关系是延伸关系，可以说scss是sas
li_ding_ding·2024-01-10 09:23

【Electron】 Vite项目 初始配置 scss

pnpmadd-Dsasssrc下面创建styles/main.scss文件mian.ts内引入./styles.scss文件import'.
春暖花开.,·2024-01-10 06:18

前端学习专栏

ES6ES6Node.jsNode.jsnpm包管理工具npm包管理工具Yarn包管理工具Yarn包管理工具Webpack前端打包工具Webpack前端打包工具BabelBabelCSS预处理器SassCSS
weixin_51551879·2024-01-09 22:34

vue3+uniapp+TS+Vite+uView-plus（uniapp-nutui）微信小程序模板搭建

-开源中国(gitee.com)下载zip压缩包即可目录一.依赖下载二.运行三.vite.config.json文件修改四.uView-plus组件库加载1.安装依赖2.main.ts引入3.uni.scss
程序猿online·2024-01-09 19:15

软件测试/测试开发/全日制|作为测试工程师，必须掌握的CSS知识

CSSCSS（CascadingStyleSheets）即层叠样式表，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记
霍格沃兹测试开发学社·2024-01-09 11:07

vue3,配置scss文件自动导入

import{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'//elementuiplus配置importAutoImportfrom'unplugin-auto-import/vite'importComponentsfrom'unplugin-vue-
越来越好的月·2024-01-09 03:05

vue3中vite使用sass

blog.csdn.net/weiliang_66/article/details/132469597npminstallsass-d配置vite.config.js:css:{preprocessorOptions:{scss
waterkid0·2024-01-09 00:41

react+AntDesign 之 pc端项目案例

是一个底层基于webpack快速创建React项目的脚手架工具#使用npx创建项目npxcreate-react-appreact-jike#进入到项cdreact-jike#启动项目npmstart2.安装SCSSSASS
jiojio在学习勒·2024-01-08 22:25

在线生成黑夜模式css代码

在线生成黑夜模式css代码支持将css，less，scss内容直接生成黑夜模式代码passerma工具集passerma工具集,马小葱工具集,Powerbypassermahttps://tool.passerma.com
passerma·2024-01-07 11:46

nginx配置反向代理后，页面上的js css文件无法加载

proxy_set_headerX-Real-IP$remote_addr;proxy_set_headerX-Forwarded-For$proxy_add_x_forwarded_for;}配置静态资源解决jscss
一岁就可帅了1·2024-01-07 11:50

配置sass全局变量Undefined variable: “$theme-color“.

sassv8版本使用prependDatamodule.exports={css:{loaderOptions:{sass:{prependData:`@import"assets/css/_variable.scss
yrfjygb·2024-01-07 03:32

vue 项目 在main.js引入scss文件时报找不到文件的异常（确定路径正确）

解决：新版本的vue-cli已经帮我们把sass-loader配置好了，放在util.js里面了前面我们通过cnpminode-sasssass-loader-D安装好了scss依赖并在build文件夹下的
是阿信ya·2024-01-07 03:49

vue用import方式引入ttf字体文件报错及解决方法

注：@font-face也可以直接在scss文件里写或引入，不一定要在css文件里。前面工作做完后，运行报错O(∩_∩)O网上查了好半天，普遍都说是配置文件webpac
Alone深秋·2024-01-07 03:49

Vue项目中引入字体并使用 (.ttf)

下载字体文件将已有字体放入静态资源文件（assets）下创建font.scss文件在main.js中引入第三步创建的文件在需要用的地方就可以使用该字体啦
JasonJust.·2024-01-07 03:49

vue中@font-face引入字体，路径报错

亲试有效：一般是在项目中使用了@import来引入css/scss文件的。那么就要找到这个css最终被引入的文件位置，然后相对于这个文件来写引入字体的路径。（一般这个问题容易被忽略0o.）
拒绝废话·2024-01-07 03:19

Vite scss 如何引入本地 字体

Vitescss如何引入本地字体最近在用Vite改造一个旧项目Diary，遇到了好多从Vue转到Vite的问题。这次这个问题是：scss里本地字体引入的问题。
十月ooOO·2024-01-07 03:48

android 动画 重影,CSS3 演示运动过程中的模糊重影

CSS语言：CSSSCSS确定body{margin:0}.triangle{width:0;border-right:solid60pxtransparent;border-left:solid60pxtransparent
阿依图娜·2024-01-06 22:05

idea中清除tomcat缓存

解决使用idea开发工具时，jscss在浏览器中缓存的问题：点击菜单File->invalidateCaches->点击invalidated->完成
孤丿岛·2024-01-06 14:39

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-06 08:22

vue icon 本地正常 线上打包失败变乱码

sass版本并且配置vue.config规避这个问题//给sass配置的东西这个对应的版本是sass1.39.0本人node版本v14升级sass版本后出现报错css:{loaderOptions:{scss
小全upup·2024-01-06 06:30

VUE2.0 +百度地图javascript API绘制多个点实例

htmlhtmlcsscssjsdata:markers:[//地址数据{title:"苏州有限公司",point:"121.490018|31.265754",address:"工业园区",tel:"
布呐呐aa·2024-01-06 01:57

css、js、vue常考部分面试题

csscss盒子水平垂直居中方法方法一：定位.child{ height:100px;position:absolute;//父元素相对定位top:50%;left:50%;transform:translate
香香爱编程·2024-01-05 21:34

element-plus修改主题颜色

一、自定义scss文件在src\css\styles\element目录下新建index.scss代码如下@forward"element-plus/theme-chalk/src/common/var.scss"with
前端（从入门到入土）·2024-01-05 18:00

css学习之路：sass学习基础篇

SCSS一、动态的样式语言让CSS有变量的概念css有很多的缺点语法不够强大，没有变量和合理的样式复用机制，导致难以维护，我们就可以使用动态样式语言，赋予CSS新的特性。
@德玛玩前端·2024-01-05 12:37

Vue3集成scss实现清除浏览器默认样式

1.首先去npm官网找到对应的reset.scss文件，复制内容在本地src下style建一个一模一样的文件，内容复制进去npm|Home2.在style文件夹下再建一个index.scss文件，在它里边引入刚刚建好的
EntyIU·2024-01-05 08:31

vue3中集成sass实现全局scss样式变量

一、安装sassnpmisass二，在style/variable.scss创建一个variable.scss文件//给项目提供的scss全局变量$mycolor:red;三、在vite.config.ts
EntyIU·2024-01-05 08:01

css sourcemap 源代码映射

vue.config.jscss:{//EnableCSSsourcemaps.sourceMap:process.env.NODE_ENV!
边中之城·2024-01-05 04:00

css-标题，作者详情展示

部分文档标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题→听说名字很长就会有傻子跟着念阅读20css部分(推荐用scss
慧慧加油gogogo·2024-01-04 14:10

scss使用for循环遍历，动态赋值类名并配置不同颜色

需求：后端要传入不同的等级，前端通过等级展示不同的字体颜色，通过scss遍历更有利于动态修改颜色或者增删等级1.通过@for$ifrom1through4定义循环，索引值为i2.nth($colors,
给你六圆钱·2024-01-04 14:42

CSS 命名规范-BEM

文章目录BEM介绍BEM简单使用一般来说，解决css命名冲突的方案有三种：命名约定cssinjscssmodules这里主要介绍的是通过命名约定这种方案，这种方式，就是提供一种命名的标准，来解决冲突常见的这些标准有
劫辞·2024-01-04 11:31
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他