div+css布局，是前端开发人员的核心技能，在工作中占很大的比重。良好的前端布局是进行javascript书写和交互的基础，足见布局的重要性，今天我们就讲讲css布局的基石-float。可以说，没有浮动，就谈不上布局了。
分类：
Web程序 时间：
2018-10-16 12:02:02
阅读次数：
218
单列布局 水平居中 水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素） 使用inline-block 和 text-align实现 优点：兼容 ...
分类：
Web程序 时间：
2018-10-15 20:20:35
阅读次数：
129
布局方式 1 布局：设置元素在网页中的排列方式及显示效果 2 分类： 1 标准流布局（文档流，普通流，静态流） 是默认的布局方式 特点：将元素按照书写顺序及元素类型，从上至下，从左至右排列 2 浮动布局 设置元素浮动 属性：float 取值：left / right / none (默认值) 浮动元 ...
分类：
Web程序 时间：
2018-10-12 21:23:17
阅读次数：
202
定位 定位的概念就是它允许你定义一个元素相对于其他正常元素的位置，它应该出现在哪里，这里的其他元素可以是父元素，另一个元素甚至是浏览器窗口本身。还有就是浮动了，其实浮动并不完全算是定位，它的特性非常的神奇，以至于它在布局中被人广泛的应用。我们会在后文中专门提及它的。 谈及定位，我们就得从positi ...
分类：
Web程序 时间：
2018-10-08 15:00:45
阅读次数：
149
在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根源，给 CSS 布局限制了一个最大宽度。 而移动端则较为复杂，它涉及到三个视口：布局视口（Layout Viewport）、视觉视口（Vis ...
分类：
移动开发 时间：
2018-10-05 21:56:17
阅读次数：
302
BFC是什么鬼？ BFC概括：可以在心中记住这么一个概念———所谓的BFC就是css布局的一个概念，是一块区域，一个环境。 先稳住别懵逼，接着往下走。 关于BFC的定义： BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-l ...
分类：
Web程序 时间：
2018-09-22 23:48:38
阅读次数：
341
1.HTML进阶、CSS进阶、div+css布局、HTML+css整站开发。 2.JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。3.js基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片 ...
分类：
Web程序 时间：
2018-09-11 21:20:04
阅读次数：
265
垂直居中的元素处境有很多种情况，父元素高度确不确定、文本是单行还是多行、两列图文又想垂直居中等等不同的情况。 但是垂直居中的方法也有很多种情况！table原理、line-height原理、vertical-align原理等等，花式解锁垂直居中难题，布局so easy！ ...
分类：
Web程序 时间：
2018-09-11 16:12:28
阅读次数：
311
flex弹性布局 ／ 2-1 flexbox介绍 flex弹性盒式模型。 它能够更加高效方便控制元素对齐，排列，更重要的是能够自动计算布局内元素的尺寸，无论这个元素的尺寸是固定的还是动态的。 css布局模型 flex弹性布局 ／ 3-1 display属性 display: flex; 布局方式变成 ...
分类：
其他好文 时间：
2018-09-10 11:11:57
阅读次数：
251
time: 2016 02 23 21:00 tags: css 在css布局中常用的一个属性就是float，它可以让div块脱离原本的文档流向左或向右浮动，但是...这个浮动有时候很烦，需要清除浮动，下面详细整理一下关于浮动，为什么要清除浮动和怎样清除浮动。 一. float float浮动样式没 ...
分类：
其他好文 时间：
2018-08-23 10:48:32
阅读次数：
135
