现在写法： display: flex;flex-direction: row;justify-content: center;align-items: center; 对应旧的写法：display: -webkit-flex;-webkit-flex-direction: row;-webkit- ...
分类：
其他好文 时间：
2020-08-05 19:41:56
阅读次数：
71
原理：CSS3规定，1rem的大小就是html元素的font-size的值。 举个栗子： 假设我们把html的font-size设为10px，那么此时1rem就为10px。如果我们要设置100px*50px的div，我们只需将它的宽设为10rem，高设置为5rem。 <!DOCTYPE html> ...
分类：
其他好文 时间：
2020-07-30 01:51:04
阅读次数：
99
HTTP(S)协议概述 HTTP协议 HTTP(HyperText Transfer Protocol)超文本传输协议 定义： ? -规定了浏览器和服务器之间相互通信的规则 ? -万维网交换信息的基础 ? -允许将HTML文档从Web服务器传送到Web浏览器 特点： ? -HTTP协议建立在TCP协 ...
分类：
Web程序 时间：
2020-07-30 01:15:20
阅读次数：
265
看到一道面试题，用flex布局九宫格，决定自己实现一下 ###基础版 .father { display: flex; /*必须给宽高把盒子撑起来，然后调整width可看是否要正方形*/ width: 300px; height: 300px; flex-direction: column; } . ...
分类：
其他好文 时间：
2020-07-29 21:45:05
阅读次数：
57
应用技术：jQuery、tooltip、align-items 代码： 1、样式设置 <style> .year-outer-bar { position: relative; display: flex; align-items: flex-end; 侧轴终点对齐弹性盒的各项元素，必须与flex搭 ...
分类：
其他好文 时间：
2020-07-29 21:23:02
阅读次数：
75
flex 布局 Flex :Flexible box 弹性布局，用来为盒装模型提供最大的灵活性。任何的容器都可以指定为Flex布局 .box{ diaplay:flex; ] 行内元素可以使用flex布局 .box{ display:inline-flex } 传统的布局时基于盒装模型 https: ...
分类：
其他好文 时间：
2020-07-29 14:33:40
阅读次数：
63
今天antd表格设置样式 ，被教育了一番，上来第一感觉这样式咋搞啊，一脸懵逼，还是css 掌握不牢固，今天记下css3复杂选择器。 1.相邻兄弟选择器 P+b : 同一个父元素下p标签后面的第一个兄弟元素b； 2.通用兄弟选择器 p~b : 同一个父元素下p标签后面的所有兄弟元素b； 3.属性选择器 ...
分类：
Web程序 时间：
2020-07-29 12:46:09
阅读次数：
187
在控制元素的水平、垂直居中问题时，有很多种解决方法，下面介绍几种解决办法： 水平垂直居中： 第一种：css3的transform .ele{// 父元素 /*设置元素绝对定位*/ position:absolute; /*top 50%*/ top: 50%; /*left 50%*/ left: ...
分类：
Web程序 时间：
2020-07-28 22:50:08
阅读次数：
110
今天在重构网页特效的时候，想着用到一个css3的旋转特效。简单来一个demo。 html <div class="box"> <img src="./yft.png" alt="" class="rotation"> </div> css <style> @-webkit-keyframes rot ...
分类：
Web程序 时间：
2020-07-28 14:44:30
阅读次数：
164
关于本教程通过一个PC端和一个移动端网上书城案例，穿插讲解CSS3中重要的知识点。每个页面子模块均采用手把手一步一步的方式进行代码编写。本教程不覆盖所有的CSS知识点，对于知识点的讲解秉承宁缺毋滥的原则。大家都知道有一个二八原则，即平时工作中80%最常用的知识点占全部知识点总量的20%。豆约翰就讲这20%最常用的知识点，让大家用最短的时间，从0基础到基本掌握PC端和移动端网站制作方法。本系列教程的
分类：
移动开发 时间：
2020-07-28 10:24:14
阅读次数：
122
