1、"雪碧图"通常指的是网页开发中使用的一种技术，它将网页中需要的多个小图标或图片合并成一张大图，通过CSS的background-image和background-position属性来显示需要的部分。这样做可以减少HTTP请求次数，提高网页加载速度，同时也有利于图片的管理和维护，有助于优化网页性能。
2、高度塌陷：是指当一个父元素包含了一些浮动元素时，父元素的高度没有被这些浮动元素撑开，导致父元素的高度变为0的现象，这通常会导致布局混乱，因为父元素的高度没有被正确的计算，影响页面的外观和布局。
浮动元素脱离文档流之后，父元素没有高度产生高度塌陷，解决方法是给父元素添加高度或者是添加overflow.
受影响的元素可以添加清除浮动，但是只是清除浮动，不会解决高度塌陷
3、浮动的元素都会脱离文档流；浮动元素方向一样会横向排列；浮动只会影响容器，不会影响内容；多个在一行显示的元素，如果添加浮动，那么效果就与div一样，可以设置宽高
4、span是行内标签，给添加浮动，使其脱离正常文档流，那么设置宽高就会生效。
5、盒子模型：在盒子模型中，每个元素被看作是一个矩形的盒子，这个盒子包括了内容（content）、内边距（padding）、边框（border）和外边距（margin）这四个部分。内容（content）：指的是元素的实际内容，比如文本、图片等。内边距（padding）：是内容区域和边框之间的空间，可以用来控制元素内部内容与边框之间的距离。边框（border）：是内边距之外、外边距之内的部分，用来界定元素的边界。外边距（margin）：是边框之外的区域，用来控制元素与其他元素之间的距离。
padding：一个值代表的是上下左右，两个值代表的是上下\左右，三个值代表的是上\左右\下，四个值代表的是上\右\下\左
6、盒子模型的外间距（margin）：对于div来说，正常文档流中，上面盒子的下边距与下面盒子的上边距之间的距离取较大值，如果一样，就取一个值
7、对于span标签，正常文档流中，上下外边距不管用，左右叠加
8、脱离文档流中的元素：对于div元素来说，所有的外间距都是叠加的。对于span元素来说，所有的外间距都是有效果的，而且也是叠加
9、通栏（设计稿从左到右占整个一屏的区域）和版心（设计稿中内容剧中的区域）
10、margin的左右都是auto，盒子就可以居中。
11、父元素里面的第一个子元素，margin-top会作用到父元素身上。解决方案：第一种（开启BFC：透明边框（父元素）；padding-top（父元素）；加定位（父元素））。第二种（给父级元素添加overflow：hidden属性）
12、清除浮动。让多个盒子在一排显示，在一排中所有的盒子都给浮动，但是浮动用完了，会影响下面的内容。解决方案：I、给所有有浮动的盒子套一个大盒子，大盒子给宽高。II、所有有浮动的盒子下面加一个盒子，给宽高为0，并且clear：both
13、给了浮动属性的标签，他的元素类型会自动变成块级
