text-decoration:none 无装饰，通常对html下划线标签去掉下划线样式 text-decoration:underline 下划线样式 text-decoration:line-through 删除线样式-贯穿线样式 text-decoration:overline 上划线样式 来 ...
分类：
Web程序 时间：
2020-07-06 20:06:32
阅读次数：
90
首先知道 CSS具有两大特性：继承性，层叠性 使用 “@extend” 来继承一个样式块，从而实现代码的重用。 .spriteAll { bakckground:url(images/sprite.png) no-repeat; } .sprite-1 { @extend .spriteAll; b ...
分类：
其他好文 时间：
2020-07-06 18:10:31
阅读次数：
55
document.styleSheets[0].addRule('#' + node.key + '::after', 'height:' + fileNameDom.clientHeight + 'px !important'); // 设置伪元素样式 document.styleSheets[0 ...
分类：
Web程序 时间：
2020-07-06 18:09:02
阅读次数：
173
简单介绍v-viewer的两种使用方法： 安装依赖： npm install v-viewer --save 全局引入 import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css' Vue.use(Viewer) 数据格式： 一：点击 ...
分类：
其他好文 时间：
2020-07-06 14:35:46
阅读次数：
143
前端我虽然没怎么写过，但也并不陌生。之前做web自动化，网页结构没少看，html，css，js也都断断续续了解过。 如果从空白开始写，肯定还是需要花不少时间的。 好在网上有了不少成熟的后台系统的前端脚手架，找到一个比较适用的，直接拿来使用，然后根据项目需求改动一下， 还是可以省不少的时间的。 一、v ...
分类：
其他好文 时间：
2020-07-06 13:06:30
阅读次数：
70
前端开发过程中往往样式和标签要分开编码，随着前端css预编译技术的丰富，sass，less等都可以用来快速编写，实际这些预编译的样式层级和html部分的嵌套层级是一致的，重复编写拖慢编码效率。 我开发的习惯都是先写好 css 结构，这里使用 less 或者 sass 都可以，然后快速生成 html ...
分类：
Web程序 时间：
2020-07-06 12:55:39
阅读次数：
73
项目开发过程中我们可能会定义一些公共样式、变量、mixin...,在任意单文件中可以随时自由的引用这些公共样式和变量，那么我们就可以使用style-resources-loader，这篇文章将介绍如何使用它。 一、预处理器安装 根据不同预处理器(Sass/Less/Stylus)，安装响应的webp ...
分类：
Web程序 时间：
2020-07-06 12:46:29
阅读次数：
166
实现毛玻璃效果 使用CSS实现毛玻璃效果，使用CSS滤镜filter中的blur属性实现。 实现 首先定义一个填充满整个屏幕的背景。 <style type="text/css"> body{ width: 100vw; height: 100vh; margin: 0; background-im ...
分类：
其他好文 时间：
2020-07-06 12:35:10
阅读次数：
81
盒子模型 一、盒子模型介绍 什么是盒子模型？ CSS盒子模型就是在CSS技术中所使用的一种思维模型。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框，可以形象地将其看作是一个盒子。 所有的HTML元素可以看做盒子，它包括：外边距、边框、内填充和实际内容。 ...
分类：
其他好文 时间：
2020-07-06 12:28:37
阅读次数：
88
webpack常用的插件安装命令：1：npm install html-webpack-plugin --save-dev //自动快速的帮我们生成HTML。2：npm install css-loader style-loader --save-dev//样式文件，我们需要两种loader，css ...
分类：
Web程序 时间：
2020-07-06 10:35:58
阅读次数：
84
