<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> 弹性布局嵌套: 1，谨记：由外向内进行设置弹性盒子。先设置外部弹性布局，然后在设定里面的布局即可。 </title> </head> <style> /* 1 ...
分类：
其他好文 时间：
2020-03-01 14:31:27
阅读次数：
80
css选择器 一、基本选择器 1、标签选择器 div{}2、类选择器（class）.box{}3、id选择器 #box{}4、通配符（获取所有元素） *{}5、群组选择器 div，h1，p{} 权重最大10000(！important)语法 属性：属性值 ！important； 二、关系选择器 1、 ...
分类：
Web程序 时间：
2020-02-29 22:48:47
阅读次数：
142
一、伸缩布局盒模型(弹性盒模型) css3引入一种新的布局模式——flexbox布局，即伸缩布局盒模型，用来提供一个更有效的方式制定、调整和分布一个容器里的子项目布局，即使他们的大小是未知或者动态的。 主要思想是让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳的方式填充可用空间（主要是 ...
分类：
移动开发 时间：
2020-02-29 22:37:15
阅读次数：
94
为什么要用flex 基于css3简单方便，更优雅的实现，浏览器兼容性好，传统的css实现一个div居中布局要写一堆代码，而现在几行代码就搞定了，没有理由不用flex。 兼容性： Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, An ...
分类：
其他好文 时间：
2020-02-28 12:17:36
阅读次数：
72
移动端布局 最近写vue项目，已经忘了移动端布局，今天复习了一下弹性盒；o(╥﹏╥)o 百分百布局 rem布局 响应式布局 弹性布局 怪异盒模型 box sizing：以特定的方式定义匹配某个区域的特定元素。 conten box：标准盒模型；宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元 ...
分类：
Web程序 时间：
2020-02-26 21:14:30
阅读次数：
87
常见的移动端布局方法 flex布局，很重要！！ 其他的布局，你掌握也就ok了，但是这个布局，你一定要非常非常熟悉，因为我们后面的前段框架react 以及手机端混合app开发，微信小程序开发都是用的是这个布局。 我做了以一个仿 携程网的移动端首页，供你参考 flex布局原理 1. 这个是“弹性盒子”布 ...
分类：
移动开发 时间：
2020-02-25 20:25:16
阅读次数：
100
1.用过es6哪些方法；最新更新的方法是哪些 2.讲讲promise 3.http和https的区别 4.请求方式有哪几种 5.get和post的本质区别 6.盒子模型 7.用过css4的哪些属性 8.项目中遇到哪些难点 9.负责项目中哪部分 10.文件上传用的什么方法 11.跨域怎么解决 12.接 ...
分类：
其他好文 时间：
2020-02-19 13:31:13
阅读次数：
77
使用弹性盒子兼容低端适配有时需要： display:flex 和 display:-webkit-box display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit ...
分类：
Web程序 时间：
2020-02-12 12:55:03
阅读次数：
91
flex-grow 首先介绍flex-grow属性，flex-grow会在容器太大时对元素作出调整。 如果图片A的flex-grow属性的值为 1，图片B的flex-grow为 2，那么 2 的会比 1 的扩大两倍： 也许“扩大两倍”这个概念不便于理解，我们可以换一种说法。 首先要理解一个词“剩余空 ...
分类：
Web程序 时间：
2020-02-05 09:16:54
阅读次数：
142
1，弹性盒（flex）布局 中间 .center 区域设置 flex-grow: 1 或者 width: 100% .container { width: 100%; min-height: 200px; background-color: red; display: flex; } .contai ...
分类：
Web程序 时间：
2020-01-30 21:02:49
阅读次数：
103
