SCSS

CSS基础

文章目录CSS三种写CSS的方式CSS选择器字体属性背景属性圆角矩形元素的显示模式CSS盒子模型弹性布局CSScss基本语法结构选择器+若干属性声明一个简单的测试这是一个段落p{color:red;}这个
北冥有鱼-.·2023-11-02 20:08

SCSS的用法有哪些？分别举例

SCSS的用法主要有：1：变量：在SCSS中，我们可以通过$符号来定义变量。比如，我们可以定义一个颜色变量$color:red;，然后在我们需要使用这个颜色的时候，直接使用$color就可以了。
祈澈菇凉·2023-11-02 20:37

vscode如何快速生成想要的vue格式代码

+tab键会生成标准的html格式代码vue+tab键我也想让它生成我想要的格式代码，比方说经常用一些方法，生命周期，或者样式类型（lessscss）文件->首选项->配置用户代码片段（点了之后可能会让
小皮皮不皮·2023-11-02 18:25

Angular2.x 组件基础

创建组件在项目根目录运行nggc文件夹/组件名称nggccomponents/child创建完成后会生成组件文件夹.html模板文件.cssCSS.ts组件类.spc.ts测试文件组件的装饰器@Component
Accompany呐·2023-11-02 17:14

[译]CSS Animations 与 CSS Transitions

本文译者为360奇舞团前端开发工程师原文标题：CSSAnimationsVersusCSSTransitions原文作者：KirupaChinnathambi原文出处：《CreatingWebAnimations
奇舞周刊·2023-11-02 16:28

前端性能瓶颈崩溃项目？Webpack助力解决！

目录⭐专栏简介文章引言一、背景二、如何优化JS代码压缩CSS代码压缩Html文件代码压缩文件大小压缩图片压缩TreeShakingusedExportssideEffectscsstreeshaking
江城开朗的豌豆·2023-11-02 10:42

Css 预处理语言Sass、less、stylus区别

目前受LESS影响，已经进化到了全面兼容CSS的SCSS（SCSS需要使用分号和花
吴小花的博客·2023-11-02 02:37

css系列—sass,scss,less,stylus的比较

因为不是很清晰，于是我决定自己写一篇，即当复习。什么是css?css即是层叠样式表(CascadingStyleSheets),用我的话来描述就是样式渲染它不需要预编译，能直接被浏览器识别并解析。横空出蓝的css3只是css的升级版本，写法一样，只是新增的些属性。box-shadow(阴影效果)border-colors(为边框设置多种颜色)boder-image(图片边框)text-shadow
如花菇凉·2023-11-02 02:07

Sass、Scss、Less和Stylus区别总结

Sass、Scss、Less、StylusCSS预处理器技术已经非常的成熟了，而且也涌现出了越来越多的CSS的预处理器框架。
M-Codes·2023-11-02 02:06

stylus/sass/less区别

均具有“变量”、“混合”、“嵌套”、“继承”、“颜色混合”五大基本特性Scss和LESS语法较为严谨，LESS要求一定要使用大括号“{}”，Scss和Stylus可以通过缩进表示层次与嵌套关系Scss无全局变量的概念
小码哥・Martin·2023-11-02 02:06

sass,less,stylus三者的比较

本文便总结下Sass、LessCSS、Stylus这三个预处理器的区别和各自的基本语法。
gkj1995·2023-11-02 02:36

java 富文本框_java-富文本（wangEditor框架）的使用教程

^V^·官网地址:ttp://www.wangeditor.com/二，控件展示效果haha是不是很强大三，使用步骤所需jscss包：wangEditor.min.cs
太空X基地·2023-11-01 21:39

开源 Vue + Koa 个人项目

相关技术栈用到了：vue+vue-router+vuex+axios+scss+koa+mongodb+mongoose+vantGithub地址中有访问链接.
小小小宇哥·2023-11-01 15:15

vue3 + vite + ts + element-ui搭建后台管理框架

vue3+vite+ts+element-ui搭建后台管理框架1、创建vue3项目搭建2、安装less、scss3、vite自动导入语法插件4、安装router5、安装pinia6、搭建后台系统--基本配置
前端早间课·2023-11-01 12:01

vue项目中使用sass

save-devnpminstallsass-loader--save-dev2.在build目录找到webpack.base.conf.js文件在该文件module.export中的module.rules加入解释scss
IF_123·2023-11-01 09:22

create-react-app支持CSS Modules

  我们已经快速搭建一个支持TypeScript+SCSS的React项目，为了避免class命名冲突，现在我们想要支持css模块化开发。  
小小的开发人员·2023-11-01 04:13

mpvue框架搭建采坑记录

搭建内容包括：1、使用scss语法：依赖插件sass-loader、node-sass2、像vue一样使用路由：依
weixin_34357962·2023-10-31 10:45

【Scss】＞＞＞ 或 /deep/ 或 ::v-deep 的作用

文章目录>>>/deep/::v-deep>>>引入第三方组件后，如果需要局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染，这时候就可以用>>>穿透scoped了如果vue的style使用的是css，那么则：.menuItem{>>>.ant-input{border-radius:50px;font-size:14px;height:30px;}}/deep/但是像s
一颗不甘坠落的流星·2023-10-31 05:34

vue中解决scss下::v-deep影响到子组件的问题

开发中经常会用到深度选择器来修改第三方组件库等子组件的样式，这时候就用到样式穿透(stylePenetration)常用的有>>>、/deep/、::v-deep使用中发现了一个问题，就是当在父组件使用了v-deep修改样式时，会影响到子组件，修改为/deep/报SassError:expectedselector.改为>>>可以解决这个问题
kirinlau·2023-10-31 05:26

vue组件样式穿透 /deep/ 、 ＞＞＞ 和 ::v-deep

el-input__inner）或其他深层样式时，需要使用/deep/，如：.conBox/deep/.el-input__inner{padding:010px;}注意，/deep/在vue3.0或者新版scss-loader
@Umbrella·2023-10-31 05:53

scss下解决父组件中使用::v-deep修改样式穿透到子组件的问题

样式穿透的方式有：>>>、/deep/、::v-deep这三种使用中发现了一个问题，就是当在父组件使用了v-deep修改自身组件或者第三方组件样式时，会影响到子组件中的样式，第一种方式：使用>>>修改无效，原因是scss
kirinlau·2023-10-31 05:19

webpack4

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

ionic常用api

设置沉浸式：对于android来说需要设置paddingtop，因为沉浸之后header的高度有一部分填充了手机导航栏，可以在global.scss中设置公共的header的样式//app.component.tsimport
Free_syx·2023-10-30 10:26

微信小程序 nodejs+vue校园学生社团管理系统

页面信息uni.scss:全局样式目录目录III第一章概述11.1研究背景11.2开发意义11.
QQ511008285·2023-10-30 06:35

苹果cmsv10自带系统标签和模板标签

在后台站点设置中，可以选择当前使用的模板│─template/1/模板1│├─ads广告文件目录│├─jsjs文件│├─csscss文件│├─images图片文件│└─html模板文件目录│└─art文章模块模板目录
无棣老蔡·2023-10-30 05:41

Angular2加载html页面,Angular 2：同一组件中的多个HTML页面

主要目的是有单独的HTML&SCSS文件和路由逻辑。Angular2：同一组件中的多个HTML页面截至
weixin_39898854·2023-10-29 15:41

2分钟喝茶的时间，我知道了所有前端技术

2、CSSCSS指层叠样式表(CascadingStyleSheets)，样式定义如何显示HTML元素，样式通常存储在样式表中，
振华OPPO·2023-10-29 13:04

nextjs引入tailwindcss 、antd、sass

二、引入步骤1.tailwindcss2.scss3.antd总结前言上一篇介绍了nextjs的配置，这章主要是引入tailwindcss和antd.一、Whytailwindcss？
@LitterFisher·2023-10-29 12:35

vue.js学习笔记九

就是将webpack中的各种资源模块进行打包合并成一个或多个包（Bundle）并且在打包的过程中的过程中，还可以对资源进行处理，比如压缩图片，将scss转成css，将ES6语法转成ES5语法，将TypeScript
-恰饭第一名-·2023-10-29 09:22

vue3学习（十四）--- vue3中css新特性

文章目录样式穿透:deep()scoped的原理插槽选择器:slotted()全局选择器:global()动态绑定CSScssmodule样式穿透:deep()主要是用于修改很多vue常用的组件库（element
邱先生~·2023-10-29 08:02

基于uniapp+uView开发小程序【技术点整理】

1.uView依赖SCSS，您必须要安装此插件，否则无法正常运行。
小跳不会Coding·2023-10-29 06:03

uni-app使用基础

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

Vite+Vue3项目全局引入scss文件

在日常项目开发过程中使用非常广泛，今天主要讲一下Vite+Vue3项目中该如何全局引入scss文件，引入混合mixin文件的不同配置。捎带说一下Vue2中的引入方式做一下简单的对比。
Yxj-5211314·2023-10-28 23:12

VSCode 快速生成vue模板插件——Vue VSCode Snippets

VueSnippetPurposevbaseSinglefilecomponentbasewithSCSSvbase-3SingleFilecomponentCompositionAPIwithSCSSvbase
向前星元·2023-10-28 23:08

scss命名规范

/***全局变量*命名规范——遵守语义化命名：lg-大号、md-中号、base-基本号、sm-小号、mini-超小号*/$font-weight-base:400;$border-color-base:rgba(101,135,248,0.36);$font-size-lg:18px;$font-size-md:16px;$color-important:#333333;@mixinbackgro
古加仪·2023-10-28 22:31

【uni-app从入门到实战】组件和样式学习

文章目录Text组件view组件button组件image组件样式学习rpximport字体图标scss使用组件使用入门教程Text组件Text是文本组件，用于包裹文本内容。
Errol_King·2023-10-28 16:43

若依前端vue使用之经路由跳转页面，css样式不对

.经过路由跳转页面后，页面css样式不对，但刷新后页面显示正确在跳转前后的页面的style中加scoped   xxxxxx"scss"/"less"：动态样式语言.对CSS赋予了动态语言的特性
顾小北吖·2023-10-28 10:00

react+vite配置module.scss(css in js)

一、安装sassyarnaddscss二、配置vitevite.config.ts:添加scss配置，将路径改为公共scss样式文件路径scss:{additionalData:"@import'.
Adasunshine·2023-10-28 09:09

webpack常用的插件集合

目录日常组件使用对ES6的解析插件image:如何将打包的时候将图片一并打包我们需要使用到这个file-loaderurl-loader更准确的说是资源的复制，不仅仅是imagecss预处理器分离css与jscss
sogooday·2023-10-28 07:05

vscode autoprefixer插件 将less/scss/css文件自动添加浏览器兼容前缀

autoprefixer.options":{"browsers":["ie>=6","firefox>=8","chrome>=24","Opera>=10","last2versions",">5%"]}二.使用在less/scss
悠悠~飘·2023-10-28 06:02

Vue-cli3 屏幕自适应

，postcss-px2rem就是为了让我们直接在将代码中px自动转化成对应的rem的一个插件如何使用：1.安装npmipostcss-px2rem--save-dev2.设置vue.config.jscss
HealerLZH·2023-10-28 03:16

JAVA毕业设计106—基于Java+Springboot的外卖系统(源码+数据库)

二、所用技术后端技术栈：SpringbootSpringMvcmybatisPlusmysql前端技术栈：vue.jshtmljsaxioscss三、环境介
是梦终空·2023-10-27 19:01

vue简单的倒计时功能

template部分{{day}}Days{{hour}}Hours{{min}}Minutes{{second}}Secondsscss样式ul{width:5rem;margin:auto;display
至_臻·2023-10-27 19:59

关于css中设置变量用于全局Css或者Js中使用

一、配置变量css文件src/styles/variables.scss//设置色值变量//1、继承body中设置的样式内嵌style="--baseColor:#0075FF;"//一般常用于Saas
浪里小韭菜·2023-10-27 18:27

day2-表单和css基础

01表单标签和input账号邮箱密码男女12345登录空投02-下拉菜单和多行输入框数学物理化学英语政治四川重庆广东湖北云南成都重庆深圳长沙昆明03-css基础1.什么是csscss是web标准中的表现标准
71a5d7e107e5·2023-10-27 13:25

基于vue3+ts+scss的后台管理系统(一)

创建项目vite创建项目注意：vite需要Node.js版本>=12.0.0安装方式（不使用模板）：#使用NPM:npminitvite@latest#yarn【推荐】yarncreatevite#pnpmpnpmcreatevite填写项目名->选择vue->选择TS->安装依赖(npmi)->启动项目(npmrundev)清除项目&工程化项目搭建srcapiajax工具管理文件夹assets静
烧脑的小白·2023-10-27 12:41

Vue3+Vite+Ts 项目实战 02 配置 VueRouter、Pinia 配置和简单介绍、配置 SCSS

配置VueRouterVite创建的项目没有集成VueRouter，需要手动安装集成。Vue3使用最新版本的VueRouterv4.x。#安装npminstallvue-router@4创建路由配置文件：首页登录//src\router\index.tsimport{createRouter,createWebHistory,RouteRecordRaw}from'vue-router'const
皮蛋很白·2023-10-27 12:41

vite + vue3 + elementPlus + scss + router4 + vuex项目模板搭建

vite+vue3+elementPlus+scss+router4+vuex项目模板一、本地项目vite项目搭建1.项目搭建(基于模板搭建)注意：Vite需要Node.js版本>=12.0.0npminit
darkcity_X·2023-10-27 12:06

Vue3中集成sass（sass的使用 ）

文章目录一、安装sass二、创建src/styles/index.scss三、入口文件引入src/styles/index.scss四、在style/variable.scss创建一个variable.scss
忧郁火龙果·2023-10-27 12:05

vite配置scss无效问题

如何生成vite的vue项目，网上教程已经有很多，在此就不多说了，在此聊一聊在刚接触vite时，配置scss所遇到的问题。
前端很忙·2023-10-27 12:35
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他