一、什么是float? 在css中float就是浮动的意思，简单来说，就是让元素浮动起来。如何理解？我们把网页想象成是拼图的底板，里面的元素就是一个个小的拼图块，所谓浮动就是让本来应该贴着拼图底板的块起来，这就是浮动，也是所谓的脱离文档流。标准文档流就是拼好的拼图。 二、使用float的结果？ 我们 ...
分类：
Web程序 时间：
2020-07-25 11:42:17
阅读次数：
279
.nav { position: relative; z-index:1;}z-index : auto | numberauto：默认值。number：无单位的整数值，可为负数。z-index 值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象，z-index 值为正数 ...
分类：
Web程序 时间：
2020-07-25 11:41:13
阅读次数：
134
一、提取单独的css文件 前面学习的过程中，用css-loader和style-loader来处理css文件，是通过在html中创建style标签把css放进去的。为了能把css单独的打包成css文件，则不能用前面的方法。 需要用到mini-css-extract-plugin插件，去掉style- ...
分类：
Web程序 时间：
2020-07-25 09:34:44
阅读次数：
102
js中动态添加的css属性，自动添加前缀，适配当前浏览器 let elementStyle = document.createElement('div').style let vendor = (() => { let transformNames = { webkit: 'webkitTransf ...
分类：
Web程序 时间：
2020-07-25 09:18:35
阅读次数：
85
什么是BFC？ BFC 全称为 块格式化上下文 (Block Formatting Context) 。 从这个概念里你能看出来什么吗？ 这个名字给我们的信息只有 “块” “格式化” “上下文” 。我们大概可以了解到这个东西是对上下文起作用的。 那里的上下文？？ HTML文档！ 它大概的作用，貌似是 ...
分类：
Web程序 时间：
2020-07-25 09:13:56
阅读次数：
76
React-devtools： git库安装chrome插件的方式（try） Awesome react： 生态 Standardjs 规范及其配置使用（try） Bem css规范（try） React-hooks: 1.生命周期和useEffect: UseEffect = didMount | ...
分类：
其他好文 时间：
2020-07-24 23:44:53
阅读次数：
79
HTML常用标签 1. web标准 1.1 web标准的构成 主要包括结构、表现和行为三个方面。 标准 说明 结构 用于对网页元素进行整理和分类（HTML） 表现 用于设置网页元素的外观样式（CSS） 行为 网页模型的定义及交互的编写（JavaScript） 如果将web标准比喻为一只鸟，则 结构= ...
分类：
Web程序 时间：
2020-07-24 21:59:47
阅读次数：
115
webstrom less 配置(同级生成css 和 map) $FileName$ $FileNameWithoutExtension$.css --source-map $FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.m ...
分类：
Web程序 时间：
2020-07-24 21:54:51
阅读次数：
81
瀑布流布局其核心是基于一个网格的布局，而且每行包含的项目列表高度是随机的（随着自己内容动态变化高度），同时每个项目列表呈堆栈形式排列，最为关键的是，堆栈之间彼此之间没有多余的间距差存大。 代码比较简单： <!DOCTYPE html> <html lang="en"> <head> <meta ch ...
分类：
Web程序 时间：
2020-07-24 21:34:08
阅读次数：
87
# #!/usr/bin/python3# -*- coding: utf-8 -*-# @Time : 2020/7/24 15:32# @Author : Gengwu# @FileName: By_css_seleclor.py# @Software: PyCharmfrom selenium ...
分类：
Web程序 时间：
2020-07-24 19:09:21
阅读次数：
164
