一杯清泉

整个屏幕的一个像素点。当默认值改了，基准值也会跟着改，尺寸是基于父元素的设置的值改变的：会导致内层的字体越来越大，实用性不强。五、calc动态计算大小，例如下面动态填满一屏。height: calc(100vh - 6rem);表示banner的高度为上面整屏高度减去nav的高度。注意：运算符前后需要有空格，calc(100vh-6rem)这样写错误。...

在标准文档流中，竖直方向的margin不叠加，以较大的为准，水平方向不影响，可以叠加。注意是标准文档流，不是标准文档流不存在塌陷现象。 要想使p的margin生效，需要给父布局的div添加border，否则margin无效。margin表示兄弟和兄弟之间的距离，最好不要使用margin表示父子之间的距离，要善于使用padding。四、margin的IE6兼容问题1、margin双倍问题 浮动方向和margin方向相反，左浮动+右margin2、IE6的三像素

设置css属性高度等于宽度、或者宽度等于高度。 postcss-aspect-ratio-polyfill - npmCSS属性之aspect-ratio - 掘金

1、左浮动float:left2、右浮动float：rigth3、div内的元素不换号white-space: nowrap;display: inline-block;4、消除padding对宽高影响box-sizing: border-box;5、a标签图片太大，尺寸超过容器大小background-size: contain;6、网页跳转打开新的页面target: "_blank";7、宽高充满父布局width: 100%;heigth:100%;8、转为块级元素di

不脱离标准流 相对自己原来的位置移动，形影分离，本质上真实的位置还在原来的位置，设置margin还是原来位置的margin，移动后的位置是其影子，视觉效果上是移动了。1、相对定位有压盖效果，一般不用作『压盖效果』，作用就两个：2、定位： 脱离标准流 1、绝对定位和原来的自己的位置没有任何关系2、定位3、子绝父相 儿子绝对定位，父亲相对定位： 儿子设置绝对定位，儿子就跑到父div里面去了。否则会在父布局外面，如果有多个父布局设置

CSS常用选择介绍三、类选择器-可以重复1、单个class2、多个class（1）情况一只有class同时匹配到.aa.bb才显示红色，中间不能有空格（2）情况二aa下面的bb会匹配到，中间要有空格。 表示class为.aa的后代p变成红色，即喔喔1变成红色，中间使用空格，如果有多个应使用多个额空格隔开：.aa .xx h3 { } 后代选择器不需要选择每一个节点，只需要选择关键的几个节点就可以达到效果。这样上面的两个全是红色的了....

无论是div、span、a都是盒子，一个图片、表单元素一律看做文本看待。使用浮动浮动的性质：效果：原因是div没有高度，不能给孩子一个高度，要清除浮动，需要给父元素设置高度。 给父元素的div添加固定高度。 现实开发中高度很少出现，因为父布局会被内容撑高，很多没有高度设置。 子类div自己添加clear:both。clear:both：清除左右浮动对自己的影响，这种方式有一个问题，margin失效。两个div之间没有任何间隙了，设置margin属性不生效。 在box1和box2之前插入一个