[CSS 中文开发手册:empty (Selectors) - CSS 中文开发手册该:empty伪类代表没有子节点的所有元素。这里只考虑元素节点和文本（包括空格）。注释或处理指令不影响元素是否被认为是空的。/* Selects any that contains no content */div:... ...
分类：
Web程序 时间：
2020-07-06 21:32:19
阅读次数：
103
1、三角形的实现原理 （1）在定义一个块级元素div的时候，不给它定义宽和高： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> .box{ width: 0; height: 0; bord ...
分类：
Web程序 时间：
2020-07-06 20:22:29
阅读次数：
66
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
