flex布局开发 1. 布局原理 flex时flexible Box的缩写，意为“弹性布局”，用来为盒子模型提供最大的灵活性，任何一个容器都可以定位flex布局 【注意】 当我们为父盒子设为flex布局以后，子元素的float、clear和vertical align属性将失效 伸缩布局=弹性布局= ...
分类：
其他好文 时间：
2019-11-26 00:01:02
阅读次数：
82
一、框架与组件 bootstrap等UI框架设计与实现 伸缩布局：grid网格布局 基础UI样式：元素reset、按钮、图片、菜单、表单 组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告 响应式布局：布局、结构、样式、媒体、javasc ...
分类：
其他好文 时间：
2019-10-09 16:08:11
阅读次数：
129
布局类别 固定网页布局：设置固定宽度，px为单位。常见PC端页面。 流式布局+伸缩布局+rem+媒体查询：设置相对宽度，%为单位。适配移动页面。 响应式布局：检测设备信息决定布局方式。一般通过检测设备的宽度。适合结构简单的页面。（比如公司宣传页面、个人博客） 栅格化布局：css框架Bootstrap ...
分类：
其他好文 时间：
2019-10-06 11:44:17
阅读次数：
84
1.笔试题 vuex 存储的数据为null或者undefined是为啥？ 1.伸缩布局 flex规则 2.横向布局的实现方法有多少？ 3.说一说 flex:1; 的含义 / 说一说flex：1 1 300px; 的含义 4.域名的区别 比如 baidu.com / www.baidu.com / a... ...
分类：
其他好文 时间：
2019-09-24 13:59:07
阅读次数：
106
一.在父盒子上设置样式 1.display:flex;让盒子变成一个伸缩盒子 2.flex-direction 控制主轴方向 flex-direction:row 水平往右； flex-direction:column 垂直往右； 3.justify-content 主轴对齐方式 justify-c ...
分类：
其他好文 时间：
2019-09-22 01:14:29
阅读次数：
90
01-flex-介绍 相比于传统布局，特点快，对移动端兼容性好； 面试：flex布局又叫伸缩 布局 、弹性布局 、伸缩盒布局 、弹性盒布局 ； 思想上：使用思想上和传统盒子完全不同，不要再想子元素是块级元素、行内元素等， 语法： 相比于传统布局，特点快，对移动端兼容性好； 面试：flex布局又叫伸缩 ...
分类：
其他好文 时间：
2019-09-11 22:10:53
阅读次数：
133
1.伸缩布局案例1-基本页面布局 1.1.html 1.2.css 1.3.效果图 2.flex：伸缩菜单项小案例 2.1.html 2.2.css 2.3.效果图： ...
分类：
其他好文 时间：
2019-08-23 19:23:09
阅读次数：
93
1.html代码 2.justify-content:属性：设置子元素的排列方式 效果图： 3.flex-flow:属性：可以代替 flex-wrap和flex-direction 效果图： 4.flex-grow:属性：可以来扩张子元素的宽度：设置当前元素应该占据生于空间的比例值，比例值计算：当前 ...
分类：
其他好文 时间：
2019-08-23 19:11:54
阅读次数：
92
1 2 3 4 5 6 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 ... ...
分类：
其他好文 时间：
2019-06-30 14:15:13
阅读次数：
62
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
