css的定位是很多人容易困惑的地方，自己以前也是，随着时间慢慢的学习，自己有一些领悟，可以一起分享。css的定位有四种，static，relative，absolute，fixed。对于static就是正常的文档流，没有什么特别的。对与fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元..
分类：
其他好文 时间：
2015-12-10 09:38:44
阅读次数：
211
在网页的排版布局中，都会用到float（浮动）来让网页的排版更加自由，突破块级元素独霸一行的特性。但是当我们将这些块级元素进行浮动后，我们会发现这些块级元素已经脱离了原本的文档流，跳出三界不在五行中了。这会给我们带了很多不必要的麻烦。这时候就需要用到BFC了。博主在刚接触BFC时也对其懵懵懂懂，但本...
分类：
其他好文 时间：
2015-12-07 02:14:57
阅读次数：
153
标签规定独立的流内容（图像、图表、照片、代码等等）。 元素的内容应该与主内容相关，同时元素的位置相对于主内容是独立的。如果被删除，则不应对文档流产生影响。 标签为元素定义标题。 元素应该被置于 元素的第一个或最后一个子元素的位置。IE 9+、Firefox、Opera、C...
分类：
Web程序 时间：
2015-12-04 12:34:36
阅读次数：
225
1、CSS包含：标准文档流，浮动，绝对定位 标准文档流的特点：从上到下，从左到右，输出文档内容 盒子模型：块级元素（div ui li dl dt p）与行级元素（span strong img input） 盒子模型：边框（border）外边框（margin）内边框（padding）内容（con....
分类：
Web程序 时间：
2015-12-03 23:22:01
阅读次数：
345
所谓的文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。并最终窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素。脱离文档流即是元素打乱了这个排列，或是从排版中拿走。 当前所知的脱离文档流的方式有两种：浮动和定位。 a.定位属性positon 先看一下定位...
分类：
其他好文 时间：
2015-11-30 20:01:52
阅读次数：
238
CSS布局中说到定位就不得不提浮动，浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动
框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
一float属性的定义和用法
float属性：设置元素浮动
可能的值：
none 不浮动，在文档流内，默认
lef...
分类：
Web程序 时间：
2015-11-28 20:08:14
阅读次数：
208
清除浮动：对于父元素的影响清除就是：width:100%;overflow:hidden; 对于自己临近的清除就是：clear：both;position:relative 不会脱离文档流，会产生偏移属性和z-index属性absolute 会脱离文档流，会产生偏移属性和z-index属当一...
分类：
其他好文 时间：
2015-11-27 13:04:59
阅读次数：
263
定义传统的块级元素定义中只是说明了在文档流中形成了一个块，在前后加换行，这里有些笼统。 其实框元素是指宏观上的框元素，它包括3种类型：1.本身就是块级元素 2.dispaly被设置为类block 3.由于某些元素的包含关系迫使其形成块级元素。前2类比较容易理解，第3类稍后举例时候回说明。而，行内元素...
分类：
Web程序 时间：
2015-11-23 00:46:28
阅读次数：
220
一、基本概念 1、 盒模型 2、 块盒 块级元素是源文档中会被视觉格式化为块状（例：段落）的元素。 匿名块盒：当一个快容器盒内，一个行内盒包含一个文档流内的块盒，块盒将行内盒打断，块盒左右两边会生成匿名盒，且匿名盒为块盒的同胞。匿名盒的继承属性会从 包含它的非匿名盒那里继承，...
分类：
Web程序 时间：
2015-11-20 22:55:48
阅读次数：
176
HTML5元素是用来定义页面文档中独立的流内容(图像，图表，照片，代码块)，figure内容与主内容有关，如果被删除，则不影响主文档流的产生。HTML5元素是用来描述figue元素的标题，可以放到第一个位置或最后一个位置。实例： HTML5是下一代HTML的标准 ...
分类：
Web程序 时间：
2015-11-19 14:52:30
阅读次数：
166
