1. 普通字符 2. unicode 3. attr函数 4. url函数 5. counter函数 6. css变量 1. 当a标签内容为空时，显示其href属性里面的值： 2. 面包屑跟分隔符 3. 进度条 4. tooltip提示 5. 计算checkbox选中的个数 6…

什么是BFC BFC全称是Block Formatting Context，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。要明白BFC到底是什么，首先来看看什么是视觉格式化模型。 视觉格式化模型 视觉格式化模型(visual formatting m…

1. 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 2. box-sizing属性？ border-box：IE 传统盒子模型。设置元素的 height/width 属性指的是 content + border + padding 部分的高/宽 3. 对…

今天分享的是我在现阶段前端学习路上的一张总结清单。 可以说这篇文章是在看了这么多掘金优秀文章，以及《JS高程三》之后的一次自我检讨，同时分享给大家检阅。【如果文章中有错误的知识总结，请各位大佬们指正，小妹会虚心改正🙏】 1. 文档声明 !DOCTYPE 2. HTML标签语义…

移动端web项目越来越多，设计师对于UI的要求也越来越高，比如1px 的边框。在高清屏下，移动端的1px 会很粗。 比如，这个是假的1像素 那么为什么会产生这个问题呢？主要是跟一个东西有关，DPR(devicePixelRatio) 设备像素比，它是默认缩放为100%的情况下，…

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…

web应用有不同设备尺寸和分辨率，这时需要响应式界面设计来满足复杂的布局需求，Flex弹性盒模型的优势在于开发人员只是声明布局应该具有的行为，而不需要给出具体的实现方式，浏览器负责完成实际布局。 当布局涉及到不定宽度，分布对齐的场景时，就要优先考虑弹性盒布局。 排列顺序，数值越…

FC 的全称是：Formatting Contexts，是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。

写在前面 好记性不如烂笔头，研究了一下BFC，发现里面比较细的东西也是很多的！关于BFC，很多人可能都听说过BFC这个东西，大概知道这是个啥东西，相信很多人对此并没有一个非常细致的了解，本文预计篇幅较长，认真，耐着性子看，应该都能够比较深入的理解BFC这个概念的规则、作用以及用…