合并现象：

垂直布局的块级元素，上下的margin会合并最终两者距离为margin的最大值。只给其中一个盒子设置margin即可；；垂直方向，外边距会合并，谁大取谁

外边距折叠现象-塌陷现象：

1，给父元素设置border-top或者padding-top;;2，给父元素设置overflow:hidden（推荐）；；3，转换成行内块元素；；4设置浮动

行内元素内外边距垂直内外边距不生效：行内标签的margin-top和bottom不生效；；padding-top或bottom不生效；；

结构伪类选择器：

利用元素的结构关系找标签，；；优势：减少对于htmml中类的依赖，有利于保持代码整洁；；场景：常用于查找某父级选择器中的子元素 first-child匹配的第一个元素/last-child匹配最后一个元素/nth-child(n)匹配父元素中第n个元素/E：nth-last-child（n）匹配倒数第N个元素

常见公式：

偶数 2N 奇数2n+1,2n-1/；；找到前5个-N+5;;/找到从第五个往后：n+5 (了解)

伪元素：

一般页面中的非主体内容可以使用伪元素；；html设置的标签，由css模拟出的标签效果；；注意点：必须设置content属性才能生效，“伪元素默认是行内元素”。：：before在父元素内容的最前添加一个伪元素/：：afte在父元素内容的最后添加一个伪元素；；content{}设置内容（是伪元素的必须属性，必须得有，否则不生效）

浮动：

最早期用来图文环绕，现在用来(网页布局 float:位置方向) 只能设置左右，其他都不行；；作用：把垂直布局的盒子变成水平布局。

浮动特点：

（浮动的标签是顶对齐）（浮动后的标签具备行内块特点）浮动元素会脱离标准流，在标准流中不占位置；；浮动元素比标准流高半个级别，可以覆盖标准流中的元素；；浮动找浮动，下一个浮动元素会在上一个浮动元素后面左右浮动；；浮动元素由特殊的显示效果：一行可以显示多个，可以设置宽高。 注意点：浮动后不能再设置marign 0 auto和txet-align- center元素 如果父级的宽度不够，子集就会自动换行

(老师经验)css书写顺序

：1，放浮动或者display /2,放盒子模型:margin border padding，宽高背景色/ 3，文字样式。按照这样的 顺序写浏览器执行效率更高。

清除浮动介绍

：清除浮动带来的影响，如果子元素浮动了，此时子元素不能撑开标准流的块级元素；；原因，子元素浮动后托镖，不占位置；母的，需要父元素由高度，从而不影响其他网页元素的布局（加高是解决的一个方法）；；额外标签法 clear:both，给添加的块级元素设置。在“父元素”最后一行添加“块级元素”；； 单伪元素清除法 ::after{clear:both/content:""/display:block/height}优点：项目中使用，之间给标签加类即可清除浮动

“最重要”双伪元素清除法

：(.clearfix::before解决外边距塌陷问题), .clearfix::after{content:""/display:table}clear before有个逗号隔开再输入after这一行！！！逗号注意别漏了