
css
小墨宝
这个作者很懒,什么都没留下…
展开
-
node-sass已弃用了,升级sass-loader
官方团队正式宣布 Libsass 将弃用,以及基于它的 Node Sass 和 SassC,并且建议用户使用 Dart Sass。而且经常会因为node-sass 和 loader-sass 版本不一样会出现不同的问题,所以直接启用。sass-loader V7版本是基于node-sass的,源码中有一个loader.js中引用了node-sass,所有需要升级到v8版本。放弃node-sass 直接安装sass sass-loader,可以用以下版本。升级之后一些sass 写法需要修改。原创 2022-09-15 16:59:06 · 4668 阅读 · 0 评论 -
表单label 两端对齐
1 .css display: inline-block; width: 80px; height:30px; line-height:30px; vertical-align: middle; text-align: justify; text-align-last: justify 2.可以设置一个样式 kogn.kong{ opacity: 0;}<span class="label">状<b class="ko原创 2020-08-06 16:29:06 · 494 阅读 · 0 评论 -
CSS两边固定 中间自适应
1.双飞翼布局div: <div id="cont"> <div class="center">111</div> </div> <div class="left"></div> <div class="right"></div>css: #cont{ paddin...原创 2019-07-23 11:46:17 · 171 阅读 · 0 评论 -
flex布局 解析
前言:一直听说flex布局 很好用很好用,之前都没怎么用过,基本相似的效果都能用定位 或者 css的计算属性都能做,不过既然很多人说了这个很好用,所以还是得学习一下。1,容器.box{ display: -webkit-flex; /* Safari */chrome。。。 display: flex;}2.容器的属性flex-direction:属性决定主轴的方向(即项目的...转载 2019-08-08 11:13:49 · 189 阅读 · 0 评论 -
flex布局得使用场景
总结就是:弹性布局,一个容器中需要有规则得排列对齐得都可以用1,等比布局2.左边固定栏3网格布局原创 2019-08-08 11:21:01 · 586 阅读 · 0 评论 -
css盒子模型
css盒子模型 得组成 content border margin padding;主要有两种模式:标准模式和 ie模式标准模式: 宽高只是内容(content)的宽高ie模式:宽高是(content+border + padding)的宽高...原创 2019-08-22 16:00:39 · 71 阅读 · 0 评论 -
css预处理器 vue 3.0全局配置导入
1.vue3.0创建项目,在项目根目录下创建vue.config.js2.配置vue.config.js 以scss为例const path = require('path');module.exports = { chainWebpack: (config) => { const types = ['vue-modules', 'vue', 'normal-module...原创 2019-10-11 09:25:19 · 817 阅读 · 0 评论