qq_38367703的博客

定位：将盒子定在某一个位置,所以定位也是在摆盒子,按照定位的方式移动盒子。定位 = 定位模式 + 变偏移（通过top、bottom、left 、right设置）定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。一、静态定位（static）HTML 元素默认情况下的定位方式为 static（静态）静态定位的元素不受 top、bottom、left 和 right属性的影响 始终根据页面的正常流进行定位示例1：// html 部分代码 <div class

一、float 属性值，有三个：float: left; // 靠左浮动float: right; // 靠右浮动float: none; // 不使用浮动float的原理：脱离标准文档流，进行左右浮动进行float流，后面的元素向上移动，覆盖块级元素，内联元素不会覆盖，见缝插入浮动使用后要马上清除二、设置浮动后会造成:父元素高度塌陷影响浮动元素后面的元素（后面的元素上浮）自身宽高，变成内容的宽高浮动元素不遮盖内容三、解决父元素塌陷问题：使用clear属性清除浮动

一、常规流布局/文档流布局（Normal Flow）（相对于盒子模型讲的）将窗体自上而下分成一行一行，块级元素从上至下、 行内元素在每行中按从左至右的依次排放元素。二、脱离文档流定义：元素脱离常规流之后，将不再在常规流中占据空间，而是处于浮动状态（可以理解为漂浮在常规流的上方）。脱离文档流的元素的定位基于正常的文档流，当一个元素脱离文档流后，依然在常规流中的其他元素将忽略该元素并填补其原先的空间。脱离文档流(Normal Flow）的方式a.浮动（float）.border1 div

一、共同点都能把网页上某个元素隐藏起来二、区别display:none 不占位，隐藏后该位置的元素不存在visiablility:hidden 占位，隐藏后该位置的元素依旧存在，只是视觉上隐藏

一、W3C标准盒模型 （content-box）使用：box-sizing: content-box盒子范围包含：margin padding border content设置的width 、height 是 conent的width、height二、IE盒模型/怪异盒模型 （border-box）使用：box-sizing: border-box盒子范围包含：margin padding border content设置的width 、height 是 包含 content、bor

一、作用：都是加载css外部样式二、区别：1.类别不同：@import属于css2.1 兼容性不好（导入式）link属于XHTML标签完全兼容（链接式）。2.加载顺序不同：@import页面加载后再加载样式(因而可能会产生闪烁)link引用的CSS会同时被加载。3.样式控制不同：@import不支持在JavaScript中使用即js操作dom时用法：<link r...