淅川

什么是Flex布局？ flex布局是flexible Box的缩写，意为“弹性盒子” 使用flex布局的元素称为容器（flex container），该容器里面所有的子元素称为项目（flex item

体验flex布局 传统布局与flex弹性布局 传统布局 flex弹性布局 兼容性好 操作方便，移动端应用很广泛 布局繁琐 pc端情况差 局限性 IE 11或更低版本很难支持 flex布局原理 定义：

1.采用流式布局 流式布局，就是百分比布局，也称非固定像素布局。 将盒子的宽度设置成百分比，根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。 流式布局方式是移动 web 开发使用的比较常

移动端常见浏览器 UC浏览器、QQ浏览器、欧朋浏览器、百度手机浏览器、360浏览器、谷歌浏览器等...... 兼容移动端主流浏览器，处理Webkit内核浏览器即可 使用-webkit-前缀解决兼容问题

3D旋转木马相册案例 思路： 首先设置一个section父盒子，把8个div放入里面 ，8个div里面放置对应的八张图片 给body父盒子设置弹性布局，并让它水平、垂直居中,设置窗口高度为100%;

一、 css3新增选择器 01. 子级选择器 子级选择器用于选取带有特定父元素的元素。 书写语法：element1>element2 注： 如果element2元素不是父元素的element1的直接子

思维导图 常用的布局套路 一、头部底部固定，中间自适应，中间盒子里左盒子固定右盒子自适应宽度 代码片段 二、上面固定，左侧固定，右侧内容可滚动 1.relative,fixed,absolute定位

css常用样式-背景属性 01.背景颜色background-color 属性名：background-color 作用：在盒子区域添加背景颜色的修饰。 加载区域：在border及以内加载背景颜色。

一、浮动定义 浮动使元素向左或向右移动，周围元素重新排列。 属性名：float，漂流、浮动的意思。 属性值： left 左浮动 right右浮动 none 不浮动 作用：让元素脱离标准流，同一级的浮动