通过最近的练习 发现了好多不足和错误 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
弹性盒子容器的属性与应用 display:flex/inline-flex flex-direction flex-wrap justify-content align-items align-content flex-flow 弹性盒子子项的属性与应用 order align-self flex ...
分类：
Web程序 时间：
2019-05-15 12:40:51
阅读次数：
200
设定弹性盒子模型（display:flex）让子元素反向排列 示例说明：display: flex; 声明了盒子为flex弹性盒子布局，flex: 1; 声明了子元素占1份， flex-direction: row-reverse; /*这个属性就是在水平方向上反转*/<!DOCTYPE html> ...
分类：
Web程序 时间：
2019-05-14 09:30:17
阅读次数：
1449
一、CSS3弹性盒子 弹性盒子是CSS3的一种新布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分 ...
分类：
Web程序 时间：
2019-05-13 19:05:55
阅读次数：
138
移动布局 1.移动设备：手机和ipad 安卓系统 ios系统 安卓系统内置浏览器是谷歌 ios内置是safari浏览器 他们的内核都是webkite，不考虑兼容性，需要考虑的是安卓和ios的区别 2.布局 设备宽度 设备的实际大小 设备的分辨率 厂家给的 页面的大小 设计稿上的大小 浏览器的视口 浏 ...
分类：
其他好文 时间：
2019-05-08 09:34:02
阅读次数：
135
flex(弹性)布局：******** 以往的网页布局(layout)方式： 方式：基于盒模型，依赖display属性+margin属性+position属性+float属性。特殊布局比较麻烦(比如元素的垂直居中) 2009年w3c推出flex布局。可以简便、完整，响应式的实现网页布局(IE10以上 ...
分类：
其他好文 时间：
2019-05-08 09:28:08
阅读次数：
149
每天解决3~5个 第一阶段 HTML、CSS、HTML5、CSS3 1、XHTML与HTML的有何异同？ 2、介绍一下CSS的盒子模型？弹性盒子模型是什么？ 3、Doctype的作用？标准模式与兼容模式各有什么区别? 4、HTML5 为什么只需要写 <!DOCTYPE HTML ？ 5、行内元素有哪 ...
分类：
其他好文 时间：
2019-05-02 00:08:49
阅读次数：
140
