scss

学习笔记——CSS预编译语言Less和Scss的使用

1.Less：.box{width:100px;}//单行注释/*多行注释*//*变量*/@number:123px;.box2{width:@number;}/*插值*/@i:3;@key:margin;.box@{i}{@{key}:auto;}/*作用域*/@num:12px;.box4{width:@num;@num:13px;height:@num;}/*选择器嵌套*/ul{list-s
一一GG·2023-11-19 10:25

sass/scss 浅谈

目录前言一、了解sass1、特点2、语法格式二、Sass的语法1、嵌套（1）、最简单的嵌套实例（2）、父选择器——&符（3）、属性嵌套（4）、占位符选择器%foo2、注释（1）、多行注释/**/与单行注释//（2）、!符——压缩输出模式下保留的注释（3）、注释中使用插值语句输出变量值3、SassScript——变量、运算（1）、$符——变量（2）、数据类型（3）、运算（4）、圆括号（5）、&在Sa
weixin79893765432...·2023-11-19 10:54

Less和Scss

css预处理器CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。为什么要使用CSS预处理器CSS仅仅是一个标记语言，不可以自定义变量，不可以引用。CSS有具体以下几个缺点：1，语法不够强大，比如无法嵌套书写，导致模块化开发中需要书写很多重复的选择器；2，没有变量和合理的样式
庸人0.0·2023-11-19 10:54

在VUE项目中使用SCSS ，对SCSS的理解和使用（简单明了）

SCSS是一种CSS预处理语言定义了一种新的专门的编程语言，编译后形成正常的css文件，为css增加一些编程特性，无需考虑浏览器的兼容性（完全兼容css3），让css更加简洁、适应性更强，可读性更佳，更易于代码的维护等诸多好处
hsany330·2023-11-19 10:53

scss的高级用法——循环

周末愉快呀！一起来学一点简单但非常有用的css小知识。最近在一个项目中看到以下cssclass写法：了解过tailwindcss或者unocss的都知道，从命名就可以看出有以下样式：font-size:30pxmargin-left:5px;margin-top:10px;于是我就去看它的package.json，竟然都没有使用。难道是自己定义的？再在代码中全局搜索font30、ml5，也都没有搜
xintianyou丶·2023-11-19 10:20

scss

SCSS即是SASS的新语法，是SassyCSS的简写，是CSS3语法的超集，也就是说所有有效的CSS3样式也同样适合于SASS。
青柠Q·2023-11-19 10:50

scss 编写规范

遵守BEM规则-中划线：仅作为连字符使用，表示某个块或者某个子元素的多单词之间的连接记号。__双下划线：双下划线用来连接块和块的子元素_单下划线：单下划线用来描述一个块或者块的子元素的一种状态.block{}代表最高级的组件.block__element{}代表.block的后代，用于形成一个完整的.block的整体。.block--modifier{}代表.block的不同状态或不同版本。使用两
⎛⎝陈嗯嗯⎠⎞·2023-11-19 08:00

UniAPP 快速入门学习

UniAPP开发环境搭建二、UniAPP初始化相关配置（1）工程目录结构（2）应用配置manifest.json（3）编译配置vue.config.js（4）全局配置page.json（5）全局样式uni.scss
糖丸桃桃包·2023-11-19 06:31

uni-app开发踩坑集合(会持续更新)

uni-app官网指路uni-app开发中的坑1.无法覆盖uni-app提供的组件的样式直接重写样式会发现并不生效编译到H5如果要重置组件样式使用>>>.className{width：xxx}scss
二营长家的张大炮·2023-11-19 05:34

**input=file上传文件用div替换上传按钮及获取文件信息**

小程序、前端交流群：609690978{{fileName}}点击上传//scss写法.box{width:48%;height:40px;display:flex;align-items:center
The wind is blowing·2023-11-19 03:10

VUE3：form表单根据屏幕适配宽度

找到styles下的index.scss文件添加下面一段代码//屏幕分辨率@media(min-width:1441px){.app-container.content.form.el-form-item.el-form-item
左手吻左脸。·2023-11-19 01:58

前段-用面向对象的方式开发一个水管小鸟的游戏

首先准备好各类空文件index.jscsshtml和图片图片是下面这些，如果没有的可在这里下载2开发开始好了，基础准备工作完毕，开发开始，首先，先把天空，大地，小鸟的盒子准备好，并为其添加样式需要注意的是
Qayrup·2023-11-18 21:31

Error:Loading PostCSS Plugin failed: Cannot find module ‘postcss-pxtorem‘

今天安装了插件posttcss插件，在运行项目的时候，出了下面的报错安装时候的命令：yarnadd-Dpostcss-pxtorem错误：加载PossCSS插件失败：无法找到模块“postcss-pxtorem
屿-··2023-11-17 17:06

scss切换主题风格

第一步：创建_main.scss文件，定义一个map类型的变量$themes，相当于JS中的对象，不过是用圆括号包裹。$themes中定义不同的主题名称，这里是light，dark。
前端一枚·2023-11-17 15:17

结合scss实现黑白主题切换

333.1007.top_right_bar_window_history.content.click&vd_source=c6cf63302f28d94ebc02cbedcecc57ea首先创建一个全局的scss
小辉吖～·2023-11-17 15:40

vite+vue3+TypeScript 搭建项目基本框架

搭建项目基本框架1参考文档2所有步骤3具体步骤webstorm配置import/export代码有空格3.1创建vue3项目3.2配置src别名为@、src/components别名为@_c3.3安装less/scss3.4
西木Qi·2023-11-17 14:28

JavaWeb-CSS

一、什么是CSSCSS（CascadingStyleSheets，层叠样式表）能够对网页中元素的位置排版进行精确的控制，拥有对网页对象和模型样式的编辑能力，简单来说就是页面美化。
thdwx·2023-11-17 10:39

react实现九宫格抽奖 - h5

/index.scss'classRrawLotteryRaffleextendsComponent{constructor(props){supe
@胡涂涂·2023-11-17 07:32

JavaWeb——CSS

JavaWeb——CSSCSS与HTML结合的三种方式div标签div{border:1pxsolidred;}div{border:1pxsolidred;}选择器div{border:1pxsolidred
一个董憨憨·2023-11-16 18:37

JavaWeb——CSS技术

CSScss语法规则css与HTML结合使用css的选择器标签名选择器id选择器class类型选择器组合选择器css是层叠样式表单，是用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
LEverything·2023-11-16 18:59

python爬虫基础-CSS选择器（简单好学）

文章目录CSS什么是CSSCSS语法结构CSS的四种引入方式CSS选择器基本分类以及语法格式组合选择器群组选择器序列选择器属性选择器伪类选择器--标签：标签状态伪元素选择器CSS三个特性选择器优先级--
ohbaby别叫我程序猿·2023-11-16 17:47

vue 安装 scss

安装scss(安装sass-loadernode-sass前者依赖于后者)sass-loader：把sass编译成cssnode-sass：nodejs环境中将sass转cssnpminstallsass-loader
金乌Y·2023-11-16 13:56

关于 Vue 样式的 7 个你(可能)不知道的技巧

这里有7个小贴士可以帮助你：文章目录1.样式作用域和插槽内容2.作用域选择器性能3.全局样式4.样式中的Javascript变量5.CSS模块6.CSS与SCSS中的变量7.SCSSinclude与extend1
独立开发者张张·2023-11-16 08:27

vue2配置webstorm下sass编译环境

配置webstorm下sass编译环境下载安装ruby##webstorm配置SASS/SCSS下载安装rubyhttps://rubyinstaller.org/downloads/，选择自己想要下载的版本
trabecula_hj·2023-11-16 06:38

SASS/SCSS安装与webstorm的SASS/SCSS的环境配置

sass的安装Ruby环境sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。（注:mac下自带Ruby无需在安装Ruby!）window下安装SASS首先需要安装Ruby，先从官网下载Ruby并安装。安装过程中请注意勾选AddRubyexecutablestoyourPATH添加到系统安装完成后需测试安装有没有成功,运行CMD输入以下命令ruby-v//如安装成功会打印ruby
goudan蒻·2023-11-16 06:03

WebStorm中配置scss编译环境

WebStorm中配置scss编译环境前言(废话请跳过)不用Ruby，去TM的node-sass，更不要autoprefixer和postcss-cli，只要装了node你就能像vs中一样高效的自动监听
石义山·2023-11-16 06:59

自动导入时，Element-plus Message Box组件样式丢失

解决方案在main.ts中，引入message-box.scss，具体代码为：import'element-plus/theme-chalk/src/message-box.scss'完整代码：import
雪靡·2023-11-16 04:54

HbuilderX uni-app uview vuex 微信小程序开发记录

main.js里引入和注册uView这两句代码需要在importVue之后importuViewfrom'@/node_modules/uview-ui'Vue.use(uView)第三步：在uni.scss
nelly521·2023-11-16 02:28

『Vscode 自定义折叠代码』

✅CSS/Less/Scss代码中，示例如下：/*#region*/.div1{background-color:#fff;}.......div2{background-color:#fff;}/*#
升崽不会飞·2023-11-16 00:08

html + scss + jquery实现的简易轮播图

html+scss+jquery实现的简易轮播图思路：首先通过定位将所有的色块都层叠起来（不层叠也行，其实就是将所有的内容都隐藏掉，先显示一张就好了），然后通过定时器将他们显示隐藏。
new money·2023-11-15 23:56

day27_JS

动起来二、JS的引入2.1在标签内写js(内嵌)按钮2.2在文件使用标签引入jscss写样式,需要把style标签写在head标
沐沐霸·2023-11-15 19:08

前端问题记录（持续更新...）

此文档记录在项目中遇到一些问题的解决方法，如果你有更好的解决方法，我们一起讨论啊目录1、Vue在子组件向父组件传值的方法中增加自定义参数2、利用图片的url获取图片的宽高3、更新node-sass报错4、scss
竹叶轻拂水·2023-11-15 12:06

【VUE】【高德地图】如何隐藏（去除）高德地图api左下角logo（暴力删除）

logo的方法，网上找到很多方案比如：.amap-logo{display:none;//去掉高德地图logo}.amap-copyright{opacity:0;//去掉高德的版本号}但是写在vue的.scss
竹青Carla·2023-11-15 11:16

前端开发-Less快速掌握上手知识总结

一、Less概述Less官网网站http://lesscss.cn/https://less.bootcss.com/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZrIXUheJ
Yz前端知识·2023-11-15 07:31

vue3注意事项（更新中···）

在vue3中使用scss在2版本的时候我们在使用scss或者less等预处理语言的时候除了要安装对应的包外还要装各自的loader才能使用，最难受的还是不通的包版本对应的loader版本不兼容还不能用，
蕉君桑·2023-11-15 03:08

element-ui中el-table添加滚动条

element-ui中el-table添加滚动条1.找到.el-table__body-wrapper2.在此盒子上添加样式/*scss*//deep/.el-table__body-wrapper{/
rayshaan0123·2023-11-15 02:12

Vue3 组件示例工程（一） —— 标题组件

目录1.标题组件title-base编写2.标题组件title-base使用3.color:var(--font-color1)，是sass通过变量设置颜色，变量存储于variable.scss文件中4
Lyrelion·2023-11-15 00:24

保姆级前端vue插件vuex详解

项目准备创建项目教程地址如果在上链接教程中你使用的是自定义创建项目方法空格表示选择安装哪个自定义安装使用命令vuecreate项目名下面这里我没有选择cssPre-processors这个是css的预处理器如果选择了一会就会显示下面的下面这个页面如果学习过可以使用空格勾选上建议学习scss
 厚积薄发·2023-11-14 22:40

vue项目中在scss代码中使用data中的变量

尽管在日常开发中，这类情况实际上很少出现。VUE2:在HTML中使用时，请确保将cssVars绑定在需要使用CSS变量的元素或该元素的上层元素上。在data或者compute中给出前缀为--的css变量对象computed:{cssVars(){return{'--color1':'red','--color2':'blue'};}}在css代码中使用.test{/deep/.el-form-it
唐小亭·2023-11-14 13:48

前端--css

cssCSS的发展历程CSS网页的美容师CSS初识CSS样式规则CSS字体样式属性font-size:字号大小font-family:字体font-weight:字体粗细font-style:字体风格font
゛My Sunshine-℡·2023-11-14 08:31

前端---CSS的样式汇总

的样式元素的属性设置字体设置文字的粗细设置文字的颜色文本对齐文本修饰文本缩进行高设置背景背景的颜色背景的图片图片的属性平铺位置大小圆角矩形元素的显示模式行内元素和块级元素的转化弹性布局水平方向排列方式：justify-content垂直方向排序方式：align-itemsCSS
Yumpie_·2023-11-14 06:28

Module build failed (from ./node_modules/postcss-loader/src/index.js):

然后就是配置文章目录1.引入uView主JS库2.在引入uView的全局SCSS主题文件3.引入uView基础样式配置easycom组件模式1.引入uView主J
小超爱编程·2023-11-14 04:12

微信开发者工具如何使用SCSS和配置wxml文件高亮及格式化

1.在VSCode编辑器中安装EasySass和wxml-vscode插件2.导入已安装的vscode扩展1、打开VSCode安装目录C:\Users\用户名\*****\.vscode\extensions2、将对应的插件文件夹复制到微信开发者工具的扩展目录下打开微信开发者工具的扩展文件夹。编辑=>打开编辑器扩展目录3、修改spook.easysass-0.0.6/package.json文件中
IT码农-爱吃辣条·2023-11-14 00:00

如何区分一个项目是react还react native

React项目中的源代码通常位于一个名为"src"或"app"的文件夹中，包含JavaScript或TypeScript文件、CSS或SCSS文件等。
陈大头铃儿响叮当·2023-11-13 18:59

关于vue3 scss语法样式穿透及scoped问题

具体图片就不放了，毕竟内容涉密，就说下scoped失效及vue3scss中不使用::v-deep作为样式穿透的写法，样式穿透就是为了scoped出现的，scoped的作用，我想自不必说了，vue3中写法发改为
freydog·2023-11-13 17:26

响应式 BootStrap 媒体查询 栅格 组件 scss

索引响应式布局响应式布局必须保证几件事编写响应式网页@media媒体查询响应式案例BootStrap使用按钮相关样式图片文字相关样式响应式的文本对齐Boot向上兼容列表相关样式浮动高度坍塌内外边距背景显示尺寸圆角栅格布局栅格中的col类列偏移栅格嵌套弹性布局栅格的灵活应用响应式栅格布局响应式栅格布局下的盒子no-gutters商城盒子布局表单组件按钮组信息提示框导航响应式导航栏折叠效果卡片手风琴效
Dev _·2023-11-13 08:27

几个比较好用的Node.js插件

一、Nodejs下安装scssnpmisass-gnpmiscss-g在静态文件中创建scss目录和css目录进入到项目目录下执行sass--watchscss:css二、moment时间格式化npmimoment
BangD·2023-11-13 07:34

暗黑模式切换（vue版）

网上很多方法都采用scss，现在用原生css实现一种简单版mode.vue（随便定义名称）：//在data里面定义mode为false/**模式切换**/fnChangeMode(){this.mode
niuyueyang·2023-11-13 00:20

【Nuxt3学习】4. 集成 element-plus

pnpmadd-Dsasselement-plus@element-plus/icons-vueunplugin-vue-componentsunplugin-auto-import使用新增assets/scss
记昨日书丶·2023-11-12 22:06

vue中使用sass和less

目录sass使用less使用CSS预处理器Sass和less的优点,及详细使用Sass的功能比Less强大,好用scss中使用/deep/深度选择器报错的解决办法用::v-deepsass使用npmisass-loadernode-sass
江河i·2023-11-12 20:54
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他