第一次用strans是2014年，第二次就是2017年。。。最近看到有人在问EXCEL双表头的问题，想着就把STRANS导出EXCEL的方法保存下来吧。方便大家参考。1.已经记不清到底改做哪些类型的了，所以就自己做了个EXCEL模板。 这里用的是Excel 2016 (
1.scss是什么scss是css的一种预处理语言scss是一门很好用的类css，在现实中的工作当中几乎都是不采用css的，而是使用类css语言。例如：scss、less、stylus等，所以学习一门css语言是必须得，由于我用的比较多的就是scss了，所以我在这里就简要介绍一下我理解的scss用法首先它是一款强化css的辅助工具，在css的基础上怎加了：变量（variables）嵌套（neste
Less要CSS语法的基础上进行了扩展，主要包含：Variables，Mixins、Nested Rules、Functions & Operations、Client-side usage、Server-side usage等等1、变量——Variables Less中的变量充许你在样式中的某个地方对常用的值进行定义，然后应用到样式中，这样只要改变你定义的变量参数值就可以达到改变全局的
随着前端开发的不断发展，CSS也逐渐延伸出了很多新的语言，less和Sass就是其中两种，下面我们就一起来看看它们有何区别。背景CSS(层叠样式表)是一门非程序式语言，入门学习使用非常直观方便，但是对于一些比较复杂或者重用性比较强的项目来说，因为CSS没有变量、函数、SCOPE(作用域)，需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少 C
写在开头通过上一篇文章 ElementUI源码系列一 - 从零搭建项目架构，项目准备、项目打包、项目测试流程 的学习，我们搭好了项目的基本框架，如下，它们每个文件夹是各司其职，分工明确的。这一章我们来学习一下，ElementUI 中样式是如何被使用的，我们先来分析一波：观察 element-ui 源码的 package.json 文件，可以知道它样式使用的是 scss 预处理语言；在它的源码 pa
1.css优先级以及继承css具有两大特性：继承性和层叠性继承性继承：给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承。有一些属性是可以继承下来 ： color 、 font-*、 text-*、line-* 。主要是文本级的标签元素。但是像一些盒子元素属性，定位的元素（浮动，绝对定位，固定定位）不能继承。层叠性层叠性： 权重
写于 2016.01.10Bootstrap的大名想必所有前端开发者都听过，在此不再赘述，想要深入的了解可以到这儿首先谈谈为什么要写这篇文章。在公司最近的项目中，被要求使用bootstrap进行样式的重构，然而我们又有自己的一套UIkit，样式的覆盖如果直接写在css中是非常痛苦的一件事，开发成本巨大。因为如此，萌生了改写bootstrap源码的想法。然而改源码并非一件易事。市面上关于bootst
一。【less中的变量】 1、声明变量： @变量名字：变量值 2、使用变量： @变量名 >>>less中变量的类型① 数字类 1 10px ②字符串: 无引号字符串red 有引号字符串"haha"③ 颜色类 red #000000 ragb() ④值列表类型：用逗号或者分隔 10px solid 10px >>>
转载
2024-07-31 19:33:21
155阅读
1、安装插件 处理less： 处理sass： 2、项目目录： layer.less为： layer.js为： 3、webpack.config.js配置文件(以编译less为例) 注意：postcss-loader在css-loader后，在less-loader前。 4、执行编译&查看效果
转载
2017-09-15 11:25:00
153阅读
2评论
文章目录介绍Sass是什么Scss是什么Scss 与 Sass异同为什么使用 Sass?Sass 安装NPM 安装(推荐使用)Windows 上安装Mac OS X (Homebrew)安装Sass 转化为 CSS转化步骤自动编译编译输出的CSS格式:nested：嵌套（默认格式）:compact：紧凑:expanded：扩展:compressed：压缩Sass 语法注释变量`$`嵌套1. 选择
转载
2024-06-08 17:15:27
276阅读
scss里的符号＆的用法 标签：HTML/CSS腾讯云SCSS用法符号 $代表定义变量$blue:#324157;
color:$blue;& 用在嵌套的scss代码里，来引用父元素.dashboard {
&-container {
margin: 30px;
}
&-text {
font-size: 30px;
line-height: 46px;
SCSS 是 Sass 3 引入新的语法，是Sassy CSS的简写，是CSS3语法的超集，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。可以简单理解为scss是sass的一个升级版本，完全兼容sass之前的功能，又有了些新增能力。语法形式上有些许不同，最主要的就是sass是靠缩进表示嵌套关系，scss是花括号。 区别：1、Sass是以“.sass”后缀为扩展名，而SCSS是以“.s
转载
2024-05-13 15:58:49
40阅读
webpack的概念 用官网的介绍来说，本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。这种解释可能对初学者来说是一头雾水的。 个人理解，webpack就是帮助我们把所有的文件打包成一个文件，或者多个文件，并且对文件进行压缩，最后发布出去的就是这个文件夹。 webpack对代码兼容也有许多的好处，我们可以用webpack把js里e
转载
2024-07-03 10:25:32
381阅读
目前写过的大多数项目都是cli搭建的, 拿一个简单的项目结构来详细说一下每个目录的作用.首先创建一个项目需要安装cli, 命令行全局npm安装即可npm install -g @vue/cli然后创建一个项目 cli2与cli3的命令是不同的 (project-name就是你的项目名称)vue create project-name // vue-cli3
vue init webpack
转载
2024-09-30 18:06:30
55阅读
SASS是CSS3的一个扩展，增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。SCSS即是SASS的新语法，是Sassy CSS的简写，是CSS3语法的超集，也就是说所有有效的CSS3样式也同样适合于SASS。SASS与SCSS的区别如下： Sass 有两种语法规则(syntaxes),目前新的语法规则（从 Sass 3开始
Sass教程 Sass中文文档 | Sass中文网是CSS的预处理语言，它可以转换成CSS供HTML使用。市面上主流的CSS的预处理语言，有LessSassstylus不管是哪种，语法类似，思路相通，在我们的课程中学习的SassSass文件格式文件格式有两种，.sass和.scss在后续的教程中，我们使用.scss最早Sass出现时只有sass格式文件，省略了很多的代码，比如大括号，导致一些人学习
SASS是CSS3的一个扩展，增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。 SCSS即是SASS的新语法，是Sassy CSS的简写，是CSS3语法的超集，也就是说所有有效的CSS3样式也同样适合于SASS。 ——————————— 在SCSS中使用变量 ———————————
$blue: #3bbfce;
$ma
文章目录1 CSS响应式布局1.1 `name="viewport"`1.2 媒体查询1.3 百分比布局1.4 rem布局1.5 使用视口单位1.6 图片响应式1.6.1 使用 max-width1.6.2 使用 background-image1.7 成型方案2 显示模式2.1 块级元素（block）2.2 行内元素（inline）2.3 行内块元素（ inline-block）3.盒子模型3
转载
2024-10-11 15:52:00
85阅读
前言在日常的Vue项目开发过程中，为了让项目更好的维护一般都会使用模块化开发的方式进行。也就是每个组件维护独立的template，script，style。主要介绍一下使用<style scoped>为什么在页面渲染完后样式之间并不会造成污染。示例搭建一个简单的Vue项目测试一下：终端执行npx webpack输出dist目录，在浏览器打开index.html调试一下看看现象：每个组件
首先菜鸟教程的中文文档：https://www.runoob.com/sass/sass-tutorial.html接下来，开始学习一、什么是Sass? Sass (英文全称：Syntactically Awesome Stylesheets) 是一个最初由 Hampton Catlin 设计
