css中的负边距(negative margin)是布局中的一个常用技巧，只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距，所以掌握它的用法对于前端的同学来说，那是必须的。本文非常基础，老鸟可以略过。负边距在普通文档流中的作用和效果-影响元素在文档流中的位置那些没有脱离文...
分类：
其他好文 时间：
2015-04-27 23:22:29
阅读次数：
217
1. 负边距对由文档流控制的元素的作用是，会使它们在文档流中的位置发生偏移，但这种偏移不同于相对定位，通过相对定位偏移后，其仍然会坚守着它原来占据的空间，而通过负边距移动后的元素，其原来的空间会被后来的元素占据。注意：负margin不会使元素脱离文档流。2. 在文档流中，元素的最终边界是由m...
分类：
其他好文 时间：
2015-04-27 12:35:59
阅读次数：
96
1.CSS中的三种定位机制标准文档流 就是流式布局中的定位浮动定位相对定位 2.当元素设置了float或者相对定位的时候，就无法通过设置margin的auto进行居中了3.设置了浮动的元素任然处于标准文档流当中，任然会占用标准文档流的影响。而不像相对定位中，会处于不同的层面。4.设置了浮动之后...
分类：
其他好文 时间：
2015-04-24 18:33:13
阅读次数：
131
今天想记录下对arttemplate模板的使用，哎，其实这玩意的兴起主要还是得从浏览器操作dom说起。如果修改浏览器的某一个dom节点就会引起文档流的重绘，然后这个重绘的耗时相当的大，是昂贵的开销。所以我们一般不愿意直接进行DOM操作，因为这个性能太差了，我们一般会采用字符拼接的方法来做，最后把整....
分类：
编程语言 时间：
2015-04-24 00:42:21
阅读次数：
171
首先我们要了解样式中的这两种定位；absolute（绝对定位）：将被赋予的对象从文档流中拖出，使用left，right，top，bottom等属性相对于最接近的一个最有定位设置的父级对象进行绝对定位，如果父级没有进行定位属性设置，则按照默认规则来设定（根据body左上角作为参考进行定位），同时绝对定...
分类：
Web程序 时间：
2015-04-23 19:19:59
阅读次数：
160
如果一个元素脱离文档流了，是不是只是显示上脱离而已？在html中是否也会脱离？我用js取这个元素的父节点的childNodes还能否取到这个元素；同时，这个元素的parentNode还是不是html中的父节点？脱离文档流只是对html文档的一种解析方案的说法而已。脱离文档流是相对正常文档流而言的。正...
分类：
Web程序 时间：
2015-04-22 18:05:57
阅读次数：
261
定位 positionbody<html<文档 定位是相对文档的 不是相对 body 或 html1.position:relative 相对定位 a.不能使内嵌元素支持宽高 b.不改变文档流2.position:absolute 绝对定位 a.使内嵌元素支持宽高 ...
分类：
Web程序 时间：
2015-04-17 23:35:54
阅读次数：
175
使用CSS隐藏元素的方法很多，在这里简单总结一下：1、display:nonedisplay:none 应该是最常用的一种隐藏元素的方法，使用该方法隐藏的元素脱离文档流不占据空间，不会被浏览器解析，不能点击，搜索引擎可能会认为被隐藏的文字属于垃圾信息而被忽略，而且屏幕阅读器（是为视觉上有障碍的人设计...
分类：
Web程序 时间：
2015-04-17 20:24:32
阅读次数：
152
1.border中，solid为实线，dashed为虚线
2.clear为清楚浮动
3.position有四种值：
static。正常文档流
relative。相对上下左右的位置
absolute。绝对定位，针对body或父级元素定位
fix：固定定位，不随滚动条滚动
4.display：是否显示，不显示的时候不占据空间
visibility：是否可见，不可见的时候占据空间
5....
分类：
Web程序 时间：
2015-04-15 19:42:37
阅读次数：
145
