瀑布流布局其核心是基于一个网格的布局，而且每行包含的项目列表高度是随机的（随着自己内容动态变化高度），同时每个项目列表呈堆栈形式排列，最为关键的是，堆栈之间彼此之间没有多余的间距差存大。 代码比较简单： <!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
1、vscode安装两个插件： 2、写好scss后，点击 3、直接引入转好的css文件就可以了 ...
分类：
Web程序 时间：
2020-07-24 15:46:13
阅读次数：
126
我们在开发的过程中经常会遇到背景色是渐变的背景色，一般可以制作背景图，如果仅仅是简单的线性变换的背景，今天我就遇到了，其实完全可以用CSS3的渐变来实现这个效果。这个过程由浏览器来生成，不用去加载静态的资源，提高性能。 渐变有两种： 线性渐变（Linear Gradients）- 向下/向上/向左/ ...
分类：
Web程序 时间：
2020-07-24 15:26:11
阅读次数：
90
css文件 /* 注释内容 */ /* 选择器，其中body就是一个选择器，表示选中个body这个标签 声明块：为选择器设置样式 { 样式名: 样式值; } */ body{ background-color: aquamarine; } /* 元素选择器：根据标签来选中指定的元素 ，例如 body ...
分类：
Web程序 时间：
2020-07-24 10:08:42
阅读次数：
102
打开一个网页，会先拉取一个html页面，然后浏览器解析了这个html页面后，会根据页面的内容，去拉取JavaScript、css和图片文件，最终根据这些文件，将页面渲染出来。 我们可以看到，影响一个网页展示速度的主要因素不是网页本身，而是它依赖的一些其它文件。如果优化了这些资源的加载速度，那么网页展 ...
分类：
Web程序 时间：
2020-07-24 10:05:14
阅读次数：
112
因为SSM中我们设置了拦截器，拦截器会拦截CSS和JS，所有样式渲染不出来，在Web.xml中写上 1 <servlet-mapping> 2 <servlet-name>default</servlet-name> 3 <url-pattern>/static/css/*</url-pattern ...
分类：
Web程序 时间：
2020-07-24 10:01:21
阅读次数：
116
1.盒子模型主要定义四个区域：内容（content）、内边距（padding）、边框（border）、外边距（margin） 2.border，设置元素的边框，属性（边框三要素）：宽度、样式、颜色，这也是通常border属性值的书写顺序（非严格要求） 单独书写：border-width（宽度，默认3 ...
分类：
Web程序 时间：
2020-07-24 09:46:07
阅读次数：
103
1. 键盘弹出触发window.resize，对页面产生挤压，造成定位紊乱 在页面初始化完成的时候，固定外部容器的宽高，resize的时候也不影响内部dom的相对位置。例如，以body为容器： <style type="text/css"> html,body{ width: 100%; heigh ...
分类：
其他好文 时间：
2020-07-24 09:34:53
阅读次数：
64
CSS帧动画 基础知识 通过定义一段动画中的关键点、关键状态来创建动画。@Keyframes相比transition对动画过程和细节有更强的控制。 过渡动画是两个状态间的变化，帧动画可以处理动画过程中不同时间的细节变化， 对过渡动画理解后再学习习帧动画会非常容易，也可以把帧动画理解为多个帧之间的过渡 ...
分类：
Web程序 时间：
2020-07-24 09:27:49
阅读次数：
102
