小凡子的博客

清除浮动常分为两种：兄弟级元素和父子级元素清除浮动兄弟级元素清除浮动：添加空白块级元素的方法,清除浮动前优点：通俗易懂，书写方便。缺点：添加许多无意义的标签，结构化比较差。清除浮动后：父子级元素清除浮动：（三种）(1)给父级元素添加一个伪元素 ::after因为浮动元素脱离文档流，而父元素没有设置高度，所以父元素无法被子元素撑开。 需要清除浮动after方式为空元素的升级版，好处是不用单独加标签了。(较常用)优点：符合闭合浮动思想，结构语义化正确缺点：由于IE6-7不支持：

10 分钟理解 BFC 原理一、常见定位方案在讲 BFC 之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案:普通流 (normal flow)在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也可以说，普通流中元素的位置由该元素在 HTML 文档中的位置决定。浮动 (float)在浮动布局中，元素首先按照

1.CSS3什么是CSSCSS (Cascading Style Sheets) 层叠样式表，是一个用于修饰文档（可以是标记语言HTML，也可以是XML或者SVN）的语言，可以将文档以更优雅的形式呈现给用户。HTML和CSS之间的关系？HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。HTML就像是一个人，而C

标准盒模型与怪异盒模型1、盒子模型（box model）在HTML中，可以把元素看做盒子，盒子包括：实际内容（content）、内边距（padding）、边框（border）、外边距（margin），图片如下：2、标准盒模型与怪异盒模型的区别[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-H0cZ0uiD-1628076542703)(https://i.loli.net/2021/08/04/TZMNjbIDX1rCilO.png)]标准盒模型（W3C盒子模

1.HTML与CSS1.1.什么是HTML？什么是CSS？HTML是HyperText Markup Language(超文本标记语言)它不是一种编程语言，而是一种标记语言，用于告诉浏览器如何构造你的页面。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。HTML也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。CSS (Cascading Style Sheets) 层叠样式表​ 是一个用于修饰文档（可以是标记语言HTML，也可以是XML或者SVN）的语