弹性布局 一个盒子，如果将其display属性设置为flex，该盒子变为弹性盒（弹性容器），该盒子的 所有子元素，自动变为弹性项目。弹性盒本身按照自身的定位体系排列，弹性布局影响的仅 仅是弹性盒中的弹性项目 属性： flex-direction：更改主轴方向 l row 行 默认值 l row-re ...
分类：
其他好文 时间：
2019-06-09 15:50:33
阅读次数：
206
justify-content 用于设置或检索弹性盒子元素在主轴方向上的对齐方式。 属性值：flex-start 属性值：flex-end 属性值：center 属性值：space-between 属性值：space-around 通过具体代码示例各个属性值的效果。 HTML结构 CSS样式： 属性 ...
分类：
其他好文 时间：
2019-06-06 13:59:33
阅读次数：
599
弹性布局 一个盒子，如果将其display属性设置为 flex ，该盒子变为弹性盒（弹性容器），该盒子的 所有子元素，自动变为弹性项目。弹性盒本身按照自身的定位体系排列，弹性布局影响的仅 仅是弹性盒中的弹性项目 。 属性 ： 1.flex-direction ：更改主轴方向 2.row 行 默认值 ...
分类：
其他好文 时间：
2019-06-04 09:37:02
阅读次数：
157
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
Web程序 时间：
2019-05-31 23:32:56
阅读次数：
183
1、CSS3选择器 2、CSS3边框(Borders) 3、CSS3背景 4、CSS3渐变 5、CSS3文本效果 6、CSS3字体 7、CSS3转换和变形 1）2D转换方法 2）3D转换属性 8、CSS3过度 9、CSS3动画 10、CSS3多列 11、CSS3盒模型 12、CSS3伸缩布局盒模型( ...
分类：
Web程序 时间：
2019-05-31 23:32:41
阅读次数：
164
通过最近的练习 发现了好多不足和错误 1.在初步页面布局上，如果分的太细了，容易混淆。 2.个别标签运用的还是不熟练。 3.css个别属性运用的也不熟练。 做的东西感觉不是很美观，自己有时也会一头雾水看不懂。 逻辑思维不好。 其中之前学过的弹性盒子还没运用当中 但是感觉整体分的不够好脑子里想的不够细 ...
分类：
Web程序 时间：
2019-05-30 23:29:06
阅读次数：
227
弹性盒子 flex 弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。 flex 常用属性 justify-content;设置弹性盒子元素在主轴（横轴）方向上的对齐方式。 flex-wrap;设置弹性盒子的子元素超出父容器时是否换行。 align ...
分类：
其他好文 时间：
2019-05-30 21:49:39
阅读次数：
198
使用弹性盒子可以更方便的对页面内容进行布局 flex-direction指定了子元素在父元素盒子中的排列方式 1.flex-direction:row flex默认排列方式，从左到右排列，左对齐 2.flex-direction：row-reverse 与row反向，从右向左排列，右对齐，第一个在最 ...
分类：
其他好文 时间：
2019-05-30 13:25:23
阅读次数：
122
flex是flexiblebox的缩写，中文名字弹性盒子布局,在小程序布局中支持的很好 在试验之前可以看一下张鑫旭的flex https://www.zhangxinxu.com/wordpress/2018/10/display-flex-css3-css/ 1.给父容器设置了display:fl ...
分类：
其他好文 时间：
2019-05-21 19:19:51
阅读次数：
142
1. 宽高百分比，不要固定死; 2. 弹性盒flex css3; 3. 单位（em、rem）px; 4. 媒体查询 利器 @media switch 960 1200; 5. gtid布局 网格布局; 6. view port 手机布局利器; 7. 框架布局 bootstrap、amazeUI、pu ...
分类：
其他好文 时间：
2019-05-18 15:47:48
阅读次数：
105
