position: static static定位是HTML元素的默认值，即没有定位，元素出现在正常的流中 position:fixed fixed定位是指元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会滚动，且fixed定位使元素的位置与文档流无关，因此不占据空间，且它会和其他元素发 ...
分类：
其他好文 时间：
2017-09-24 11:43:54
阅读次数：
175
html是按照文件流（文档流）的方式加载的，但是全部是文档流的话，很多好看的样式是实现不了的，所以出现了浮动，相对定位，绝对定位的概念。 一、首先，按照文档流和非文档流来分类： ①文档流：就是按照上下左右的顺序一行一行排列的，长度不够就会自动挤到下一行。 ②非文档流：顾名思义就是脱离文档流的，在文档 ...
分类：
Web程序 时间：
2017-09-24 09:51:09
阅读次数：
640
<!-- -->相对定位，position: relative; 它会，相对它原来的位置的坐标的左上角，进行偏移。同时，它原来的位置会被保留。 (相对定位的html容器，它虽然已经脱离了普通的文档流，但它依然被视为普通文档流定位的一部分。) 口语化的描述，“我人不在这，但位置你得给我留着”。 <!- ...
分类：
其他好文 时间：
2017-09-23 13:33:28
阅读次数：
230
CSS float 浮动属性 CSS float 浮动属性 本篇主要介绍float属性：定义元素朝哪个方向浮动。 目录 1. 页面布局方式：介绍文档流、浮动层以及float属性。 2. float:left ：介绍float为 left 时的布局方式。 3. float:right ：介绍float ...
分类：
其他好文 时间：
2017-09-21 23:18:59
阅读次数：
180
先来了解一下block元素和inline元素在文档流中的排列方式。 block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding属性； inline元素不会独 ...
分类：
Web程序 时间：
2017-09-21 16:43:58
阅读次数：
279
一.主要内容 1.布局分类;131 121 2.display属性排版 3.float属性排版（横向多列布局） 4.防止父类盒子塌陷 二.标准文档流： a>组成 块级元素（block） 内联元素（inline） b>display属性值：block、inline、inline-block、none。 ...
分类：
Web程序 时间：
2017-09-20 00:59:59
阅读次数：
363
通常来说margin为正值时，我们很清楚其布局形式，即在border边界线处再往外扩展指定长度。可margin为负又表示什么呢，表示始于border边界线处并向内扩展指定长度，这样，下一个文档流对象便是从margin边界线处起，显示出来。 所以：内容部分的width = 元素实际宽度 - margi ...
分类：
其他好文 时间：
2017-09-17 13:34:45
阅读次数：
204
核心：浮动元素会脱离文档流并向左/向右移动，直到碰到父元素或者另外一个浮动元素。 float ：left 向左浮动 right 向右浮动 none （默认） inherit 继承父元素 float效果 原效果图 换张图.....因为我突然发现一个问题，用这张图不好解释........ 原图 代码 然 ...
分类：
Web程序 时间：
2017-09-17 01:24:53
阅读次数：
235
transform 所做的一系列变换，都仅仅只是这个元素的样子，元素自身所在文档流中所占用的位置不会发生变化，所以是不会影响到其他元素的位置的 2D translate：平移，这点类似于 relative+top+left 的效果 skew（x，y）：翻转，180deg 和 0deg 的效果是一致的 ...
分类：
Web程序 时间：
2017-09-16 13:23:43
阅读次数：
175
预编译当js引擎解析的时候，它会在预编译对所有声明的变量和函数进行处理。 变量提升 console.log(a); // undefinedvar a = 1;console.log(a); // 1预解析函数 f(); // 1function f() { console.log(1);};详细： ...
分类：
Web程序 时间：
2017-09-15 20:17:53
阅读次数：
159
