元素居中显示 块级元素居中显示 在body中的某个元素(box1) .box1 { margin: 0 auto; } 通过绝对定位在父容器里居中垂直显示 // 方法一： .box1 { position: absolute; top: 0; right: 0; bottom: 0; left: 0 ...
分类：
其他好文 时间：
2020-11-17 12:18:21
阅读次数：
6
减少http请求。 使用 HTTP2。 使用服务端渲染 静态资源使用 CDN 将 CSS 放在文件头部，JavaScript 文件放在底部 使用字体图标 iconfont 代替图片图标 善用缓存，不重复加载相同的资源 压缩文件 图片优化 (1). 图片延迟加载 (2). 响应式图片 (3). 调整图 ...
分类：
其他好文 时间：
2020-11-17 11:52:44
阅读次数：
4
前端开发学习每个人都想走捷径，即想高效快速学习又想掌握当今最新的前端技术知识。其实，这样的想法是对的，找对学习方法就能达到这个效果。前端开发学习每个阶段都是非常重要的，一部分为专业知识、另一部分实战经验也非常重要，平时不但要仔细研究基础又要多练代码，通过几个月的系统学习，相信大家都能成为前端开发大师... ...
分类：
Web程序 时间：
2020-11-17 11:52:22
阅读次数：
14
![](https://img2020.cnblogs.com/blog/2209972/202011/22099... ...
分类：
Web程序 时间：
2020-11-16 14:04:53
阅读次数：
30
最近参与修复一个使用js+css开发的前端项目bug。 遇到一个问题，boostrap4 tooltip 在web端显示正常。而在移动端点击，提示框一闪而过。 经过分析，发现触发事件为hover。hover是鼠标指针浮动在其上的元素的一个选择器,但因为在移动端是没有鼠标,代替的是触摸屏， 故无法正常 ...
分类：
移动开发 时间：
2020-11-16 13:43:42
阅读次数：
22
Swagger-UI简介 Swagger-UI Swagger-UI是HTML, Javascript, CSS的一个集合，可以动态地根据注解生成在线API文档。 常用注解 @Api：用于修饰Controller类，生成Controller相关文档信息 @ApiOperation：用于修饰Contr ...
分类：
编程语言 时间：
2020-11-16 13:40:39
阅读次数：
13
效果一： 代码：<div class="cornerCut">corner cutcorner cutcorner cutcorner cut</div> CSS： .cornerCut{ width:200px; margin: 10px 20px; height: 200px; backgrou ...
分类：
Web程序 时间：
2020-11-16 13:25:44
阅读次数：
29
今天是CSS的第二天，熟练掌握后代选择器、链接伪类选择器，元素的显示模式以及背景的设置！ 今日框架： 今日重点： 1、复合选择器 1）后代选择器：可以选择父元素中的子元素--用空格分开 2）子元素选择器：选择某个元素最近一级的子元素（亲儿子）--使用 > 分开 3）并集选择器：集体声明 —— 选择多 ...
分类：
Web程序 时间：
2020-11-13 12:58:56
阅读次数：
16
使用伪类(::before/::after)设置文本前后图标。减少标签的浪费，使页面更加整洁。 如图： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ ...
分类：
其他好文 时间：
2020-11-13 12:17:39
阅读次数：
5
CSS层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同权重选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉 比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲 ...
分类：
Web程序 时间：
2020-11-12 14:12:47
阅读次数：
15
