一、描述 1. CSS 指层叠样式表 (Cascading Style Sheets) 2. Sass (Syntactically Awesome StyleSheets)，是由buby语言编写的一款css预处理语言，和html一样有严格的缩进风格，和css编写规范有着很大的出入，是不使用花括号和分号的，所以不被广为接受。 Sass 是一款强
简介1. Sass 和 ScssSass 和 Scss 其实是同一种东西，我们平时都称之为 Sass；Scss 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 Scss文件。两者之间不同之处有以下两点：文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 Scss 是以“.scss”
看起来这是未实现的，截至本文写作时：这是现在执行：CSS @import指令Sass现在更加明智地将@import指令编译为plain> CSS。 以下任何一种情况都会导致文字CSS @import：>导入一个.css扩展名的路径(例如@import“foo.css”)。导入一个媒体类型的路径(例如@import“foo”screen;)。导入一个HTTP路径(例如@import“ h
SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件目录 一、变量 二、嵌套 三、引入 四、混合 五、继承 六、if / else / each /for 七、插值、注释 一、变量1、变量以 $ 开头，用来存储一些在css中需要复用的参数； 2、变量存在作用域
安装：npm install sass引入：import ‘...sass||...scss’一．介绍：sass是对css的扩展，让css语言更加强大，优雅。它在css语法的基础上增加了变量，嵌套、混合、导入等高级功能。二．功能介绍：1.定义变量1>变量的使用:变量以美元符号$开头，赋值方法与css属性的写法一样（如下） 全局变量，局部变量（如图）（图1全局
在项目当中我们常常会使用到 Element UI 组件库来进行快速开发，但是组件在引入之后它都会有官方默认的样式，有些情况我们需要修改它的样式。
原创
2022-11-05 11:13:25
441阅读
基本思想：在html上添加data-theme属性通过对应的属性值切换不同的配置，使用data-theme时关于主题切换的这些事，网上已经有很多文章记录了，基本想法都是差不多的，在此，仅记录我自己使用的方法。设置的主题有三种:1.默认即白天主题 2.暗色主题 3.自定义主题，即自己选择颜色，我们在这先实现主题的切换。theme 主题切换config配置调整使用theme.scss文件，需要调整co
最近在做的项目使用到了主题切换，我也趁此机会学习了一下SCSS/SASS这门CSS编译型语言，特此研究并带实现一个Vue Demo中实现主题切换。SCSS是SASS兼容CSS的版本，本文内全部使用SCSS一称。✏️大体思路如下：1.使用vuex全局执行命令切换主题 (state - mutations 无须异步)2.遍历主题色并设置混合，在需要的地方插入混合，使用方法查找对应颜色，生成嵌套，写全局
ElementUI表格样式需要加载行内以对象的形式存 <el-table :data="tableData" :summary-method="getSummaries" show-summary height="240" :header-cell-style="tableHeader" :row- ...
转载
2021-10-28 09:45:00
723阅读
2评论
ElementUI 是一套ui组件库，在项目开发中，难免遇到要需求修改其默认样式的情况，本文就vue 框架介绍几种修改 ElementUI 默认样式的办法。 1、安装 安装 npm i element-ui -S 使用 import Vue from 'vue'; import ElementUI ...
转载
2021-04-23 16:30:00
174阅读
2评论
ElementUI，uview是一款非常强大的前端UI组件库，它默认定义了很多美观的样式，但是我们在实际开发过程中不可避免地遇到需要修改ElementUI默认样式element.style。下面总结了几种修改默认样式的方法。1. 新建全局样式表新建 global.css 文件，并在 main.js 中引入。 global.css 文件一般都放在 src->assets 静态资源文件夹下的 s
前言：本文是对于，如何在 vue-cli3.x 创建的 vue 前端项目中使用 scss 的具体步骤和相关基础语法的相关总结 。 sass 依赖包安装// 推荐版本 ："sass": "^1.27.1","sass-loader": "8.0.0"
npm install --save-dev node-sass;
npm install --save-de
1.去掉表格横线 HTML表格标签：table：定义表格，生成的表格在一对<table></table>中；<th>：定义表格的表头，一般是表头中的内容会被加黑（table head）；<tr>：定义表格的行（table row）；<td>：定义表格单元格；去掉表格横线1.1去掉表格内的线方法一：在el-table标签中设置类c
elementUI如何修改样式解决方案：1.新建全局样式表新建 global.css 文件，并在 main.js 中引入。
global.css 文件一般都放在 src->assets 静态资源文件夹下的 style 文件夹下，
在 main.js 的引用写法如下：import "./assets/style/global.css";在 global.css 文件中写的样式，无论在哪一个
笔记：关于SCSS的使用方法 刚接触scss的时候是有点懵逼的，对于scss的语法规则这个是没啥问题的，跟普通的css没啥区别，但就是不知道该如何使用，网页里直接使用.scss之类的方法是也试过了，没用。 后来，经过领导的点拨才突然明白过来了，完全是自己把这玩意想得太复杂了······ 其实网页标签引入的还是css文件，只不过这个css文件是经过scss编译而来。 安装scss 具
ElementUI是一款非常强大的前端UI组件库，它默认定义了很多美观的样式，但是我们在实际开发过
原创
2023-05-26 05:26:58
814阅读
写在开头时隔大半个月，最近终于又有些时间来写文章啦(￣▽￣)，写文章我一直认为是一种巩固知识的好方式，不仅加深、巩固自己学到的东西，而且会有一个比较好的整理归纳，也能方便自己随时的查阅。而这次分享的文章主题是 element-ui 源码系列，element-ui 包括新版的 element-plus 我一直认为是两个非常棒的 UI 框架（当然其他框架也很棒啦，手动狗头保命-.-），它们是值得我们去
vue中使用elementUI时候通过SCSS修改NavMenu 导航栏高度
原创
2022-03-10 09:46:14
1752阅读
vue中使用elementUI时候通过SCSS修改NavMenu 导航栏高度
原创
2021-09-01 10:43:38
891阅读
之前一直总结的是CSS2的一些知识点，今天差不多总结完了JavaScript就回来补充一下CSS3的一些东西吧CSS权重CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级，按照等级来计算权重1、!important，加在样式属性值后，权重值为 10000 2、内联样式，如
