蔻蔻

/* 只是记录下前端学习过程中的笔记 有错误 麻烦各位大佬一定指正啊 别让我这个渣渣 保留错误的想法 跪谢了 ：）  先说好喔  新手看我的笔记大概会被我搞晕 我是按自己思路写的 网上有很多大佬好的总结 最好别太记忆我写的恶心巴拉的笔记   祝好运哦  学习来源： http://blog.youkuaiyun.com/q121516340/article/details/51483439 https

/* 只是记录下前端学习过程中的笔记 有错误 麻烦各位大佬一定指正啊 别让我这个渣渣 保留错误的想法 跪谢了 ：）  先说好喔  新手看我的笔记大概会被我搞晕 我是按自己思路写的 网上有很多大佬好的总结 最好别太记忆我写的恶心巴拉的笔记   祝好运哦  学习来源： http://blog.youkuaiyun.com/q121516340/article/details/5148343

学习来源： http://www.cnblogs.com/zxx-foreve1130/p/3964243.html 取值：  length  : 百分数  position  : top | center | bottom | left | center | right  说明：  1.该属性定位不受对象的补丁属性( padding )设置影响。 2.默认值

学习来源： http://www.cnblogs.com/cqhaibin/p/6028956.html position的几个属性值： static 默认值。没有定位，出现在正常文档流中 absolute 绝对定位，相对于position为absolute、relative、fixed的第一个父元素进行定位

学习来源： http://www.cnblogs.com/fogwind/p/6017375.html float属性： 浮动元素的包含块是指其最近的块级祖先元素。 若不设置包含块的高度，包含块若浮动，则包含块会延伸，进而包含其所有后代浮动元素；若不设置包含块的宽度，包含块若浮动，则包含块宽度由后代浮动元素撑开 position属性： 1、relativ

转自 ：http://www.cnblogs.com/zhuzhenwei918/p/6058457.html 学习来源 基本是摘抄这位大佬的总结 然后加了些自己的笔记

转自 https://segmentfault.com/q/1010000005057015/a-1020000005057235 一般称IE8及其以上为w3c盒子模型，W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。 IE8以下的为IE 盒子模型，IE 盒子模型的范围也包括 marg

学习来源：http://www.cnblogs.com/xiaohuochai/p/5025394.html 三层嵌套  可扩展 适用于nav 为了使滑动门自适应长度，最外层不固定width，而是用display：inline-block。 把中间放最外层也可以，那就不能用margin值来使透明的圆角不被覆盖，可以让左右两边用相对定位，移出去，让透明圆角露出来。 最好把中间部分放最

测试 在IE6浏览器下，haslayout下的元素负margin超出父元素的部分会被隐藏掉。这个问题可以通过设置margin负值元素的position属性值为relative来解决。

转自： px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册) em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册) 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.

学习来源：http://www.cnblogs.com/xiaohuochai/p/5437503.html text-align 在父元素中设置text-align:center实现行内元素水平居中，若子元素为块级元素，将子元素设置为display：inline-block，使子元素变成行内元素。 若要兼容IE7-浏览器，可使用display:inline;zoom:1

学习来源：http://www.cnblogs.com/xiaohuochai/p/5438791.html line-height 行高line-height实现单行文本垂直居中 vertical-align 设置vertical-align:middle实现垂直居中 1）设置父元素的    { display：table-cell        

转自 ：http://blog.youkuaiyun.com/borishuai/article/details/8127758

学习来源： http://www.cnblogs.com/xiaohuochai/p/5243735.html http://www.zhangxinxu.com/ 概念： 浮动元素脱离普通流，然后按照指定方向，向左或者向右移动，碰到父级边界或者另外一个浮动元素停止。 特性： 支持inline-block的全部特性，并且IE6/7支持，其实就是个带有方位的dis