html + css基础 ?基本的布局(中间自适应旁边固定啥的)的几种实现方法; ?垂直居中的几种实现方法; ?盒模型; ?position; ?行内元素和块元素; ?BFC(块级格式化上线文,和浮动一起考); ?animation; ?伪元素伪类; ?less、sass、stylus这种预处理器; ...
分类:
其他好文 时间:
2020-05-08 20:12:51
阅读次数:
71
暗色模式 效果 Mozilla 格式源代码 去评论区 Mozilla 格式源代码 ...
分类:
其他好文 时间:
2020-04-27 13:52:18
阅读次数:
76
众所周知,less是一门css预处理语言,其他的类似还有scss、Stylus 等,和js相似度比较高的就是less了。话不多说,我们来看less的使用。 Node.js 环境中使用 Less : npm install -g less > lessc styles.less styles.css ...
分类:
其他好文 时间:
2020-04-16 11:48:18
阅读次数:
88
一,介绍1. webpack是js 应用程序的静态模块打包器2. loader语法转化 less/sass/stylus转成css, es6转es5,插件的使用3. html/css/js代码压缩合并(打包)4. webpack可以在开发期=期间提供一个开发环境 自动打开浏览器 保存时自动刷新5. ...
分类:
Web程序 时间:
2020-04-12 22:23:44
阅读次数:
81
首先 安装 啦 npm i stylus stylus-loader -D 之后 使用全局变量 然后在组件中引用改变量 -->没有用! 原因还没有在build/utils.js文件 全局引入 最后在下面的配置里加上这个设置 就可以在组件中 使用 变量啦 ...
分类:
其他好文 时间:
2020-03-30 12:44:09
阅读次数:
57
Stylus 是一个CSS的预处理框架,2010年产生,来自Node.js社区,主要用来给Node项目进行CSS预处理支持,所以 Stylus 是一种新型语言,可以创建健壮的、动态的、富有表现力的CSS。比较年轻,其本质上做的事情与 SASS/LESS 等类似,应该是有很多借鉴,所以近似脚本的方式去 ...
分类:
其他好文 时间:
2020-03-23 10:02:35
阅读次数:
132
安装stylus依赖包: npm install stylus --save 安装stylus-loader依赖: npm install stylus-loader --save 都按照完成后,在home文件夹下新建components文件夹,里面新建Header.vue文件 <template> ...
分类:
其他好文 时间:
2020-03-12 14:41:02
阅读次数:
56
效果图如下 代码 <DataGrid.Resources> <Style TargetType="{x:Type ScrollBar}"> <Setter Property="Stylus.IsPressAndHoldEnabled" Value="false"/> <Setter Property ...
先来个最终效果 代码: template代码: <template> <div class="main"> <div class="title">评论</div> <div class="comment-form"> <div class="avatar-box"><el-avatar class= ...
分类:
其他好文 时间:
2020-03-04 12:40:57
阅读次数:
64
均具有“变量”,“混合”,“嵌套”,“继承”,“颜色混合”五大基本特性 scss和less语法较为严禁,less要求一定要使用大括号“{}”,scss和stylus可以通过缩进表示层次与嵌套关系 scss没有全局变量的概念,less和stylus有类似于其他语言的作用域概念 sass是基于ruby语 ...
分类:
其他好文 时间:
2020-02-27 16:11:08
阅读次数:
46