三栏布局是一个比较常见的布局，在高度固定的情况下，左右各留出300px，中间自适应，可以有以下的几种写法。 比较常见的有浮动布局和绝对定位布局，但是flex布局现在也非常普遍了，Grid布局可能兼容性不太好，但也不失为一种方法。 因为下面的css代码中有许多的相同的地方，我们先我们先设置一些基本的c ...
分类：
其他好文 时间：
2018-02-28 22:54:13
阅读次数：
213
1.新版display:flex 设置主轴方向和元素排列顺序 主轴方向富裕空间管理 侧轴方向富裕空间管理 2.老版弹性盒模型display:-webkit-box; display:inline-box; 设置主轴方向和元素排列顺序 主轴方向富裕空间管理 侧轴方向富裕空间管理 定义盒子的弹性空间 ...
分类：
其他好文 时间：
2018-02-26 18:18:54
阅读次数：
244
@Paradise_追逐者的css3总结 1、css3中好用的选择器 2、文字 3、边框 ps:制作三角形方法 4、背景 5.弹性盒模型 6、新旧弹性盒模型比较 7、transform常用用法 8、translation ...
分类：
Web程序 时间：
2018-02-25 19:26:57
阅读次数：
244
首先，设置伸缩盒的 display 有如下两个属性值： flex：将容器盒模型作为块级弹性伸缩盒显示 inline-flex：将容器盒模型作为内联级弹性伸缩盒显示 代码如下： 弹性布局的八个常用属性： 1.flex-directionflex-direction 属性和旧版本 box-orient ...
分类：
其他好文 时间：
2018-02-13 18:55:18
阅读次数：
217
一、课程大纲 1. 基础事件 touchstart touchmove touchend 2. event对象 取消默认事件 阻止冒泡 防止文字选中和阻止默认菜单 鼠标事件延迟 事件点透问题 3. touchEvent touches changedTouches targetTouches 4. ...
分类：
移动开发 时间：
2018-02-11 00:06:00
阅读次数：
264
概念 响应式布局，就是响应式设计方案的呈现。具体点就是在不同的设备上，网页能自动识别屏幕宽度、并根据设备的显示面积（一般情况下是指的屏幕宽度，当然，也可以是其他的，可以在下面详细解释）显示出不同的效果。通俗点就是设计一套布局，在PC端和移动端都可以使用。 如何实现响应式布局？ 通俗的有三种方法 1、 ...
分类：
其他好文 时间：
2018-02-03 19:59:36
阅读次数：
167
display:flex设置容器具有弹性特性任何一个容器都可以指定为flex布局。webkit内核的浏览器，必须加上-webkit前缀。采用flex布局的元素，称为flex容器（flex container），简称容器。它的所有子 元素自动成为容器成员，称为flex项目（flex item），简称项 ...
分类：
其他好文 时间：
2018-02-01 17:18:10
阅读次数：
129
父元素： display: -webkit-flex; ①子元素： flex：1；（设置占比） 计算规则： 父元素会将所有子元素的flex 相加求和后，算其子元素比例。 ②flex混合划分；第一个子元素 width:100px;第二个子元素 flex:2第三个子元素 flex:1 关于不定宽高的水平 ...
分类：
其他好文 时间：
2018-01-19 23:21:35
阅读次数：
448
在http://css.doyoe.com/（CSS参考手册）中，本文对应其中的伸缩盒 引入 Flexbox布局官方称为CSS Flexible Box Layout Module是一个CSS3新的布局模块，用于实现容器里项目的对齐、方向、排序（即使在项目大小位置、动态生成的情况）。flex容器最大 ...
分类：
Web程序 时间：
2018-01-19 14:13:49
阅读次数：
267
flex 是flexible box的缩写，意思是“弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以设置为flex 布局，但是，设置为flex 布局后，子元素的 float 、clear 、和vertical-align 属性将失效。 设置了 flex 属性的元素称为容器，它的所有子元 ...
分类：
Web程序 时间：
2018-01-14 20:17:37
阅读次数：
222
