# 这是我的参与[第五届青训营]伴学笔记创作活动的第2天

1.本堂课重点内容

css是什么，css的一些标签的使用，css使用上的一些小细节，css的布局。

2.知识点详细介绍

2.1css是什么？

css代表着页面中样式，代表页面的颜值，全称为：层叠样式表(英文全称：Cascading Style Sheets)。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 2.2css标签的使用

css标签有很多我们要通过正确的使用选择器和元素进行搭配，并且注意继承问题和选择器权重问题

2.3css使用上的一些小细节

在使用css中经常会有一些细节上需要注意例如解决BFC塌陷：

BFC(Block Formatting Context) 块级格式化环境
                - BFC是一个CSS中的一个隐含的属性，可以为一个元素开启BFC
                    开启BFC该元素会变成一个独立的布局区域
                - 元素开启BFC后的特点：
                    1.开启BFC的元素不会被浮动元素所覆盖
                    2.开启BFC的元素子元素和父元素外边距不会重叠
                    3.开启BFC的元素可以包含浮动的子元素

         可以通过一些特殊方式来开启元素的BFC：
                    1、设置元素的浮动（不推荐）
                    2、将元素设置为行内块元素（不推荐）
                    3、将元素的overflow设置为一个非visible的值
                        - 常用的方式 为元素设置 overflow:hidden 开启其BFC 以使其可以包含浮动元素

除了这些我们还常使用，通过clear属性来清除浮动元素对当前元素所产生的影响 .box3{ xxxx; clear: both; } 和通过clearfix 这个样式可以同时解决高度塌陷和外边距重叠的问题，当你在遇到这些问题时，直接使用clearfix这个类即可. ` .clearfix::before, .clearfix::after{ xxxx }

`

3、总结

解决BFC塌陷是面试经常问的问题，要学会这些方法，另外要经常练习，只要练习才能记得更牢固。