懒羊羊我小弟的博客

BFC 即块级格式化上下文，可类比快递仓库，是独立渲染区域。它通过根元素、浮动、绝对定位等 7 种条件触发。核心特点为内部布局独立、元素垂直排列等。能解决外边距合并、清除浮动、阻止元素被覆盖、实现自适应布局及隔离布局环境等问题，广泛用于防止父元素高度塌陷、解决垂直外边距合并等场景。使用时要注意避免滥用、关注性能等，与 IFC、FFC、GFC 等格式化上下文各有特点与用途。

Flex 弹性盒布局是 CSS3 中实现复杂网页布局的便捷方案。将其比作玩具收纳箱，可通过主轴与交叉轴排列 Flex 项目。容器属性涵盖声明容器、设置主轴方向、控制换行及多种对齐方式；项目属性可操控单个元素排序、缩放等。借助它能实现水平垂直居中、等宽三栏等经典布局，使用时记好口诀，注意旧版浏览器前缀，优先用于移动端，避免滥用，能有效提升网页布局效率与适配性 。

本文深入探讨 CSS 样式优先级规则。先由对 h1 标签样式设定的思考引入，阐述优先级核心意义在于解决样式冲突。接着详细介绍基础优先级规则，包括!important、内联样式、ID 选择器、类等选择器的优先级顺序及其特点。同时讲解优先级计算规则，涵盖选择器间计算值、样式表顺序以及样式继承（如文本、列表、表格等相关样式的继承情况）。最后提出样式优先级冲突的最佳实践，如合理规划选择器、模块化设计、利用计算权重技巧和遵循样式表组织规范等，强调理解相关规则对创建高质量 CSS 样式表以实现完美网页视觉效果的重要性。

介绍了 CSS 选择器，包括基本选择器（元素、类、ID、通配符选择器）、组合选择器（后代、子元素、相邻兄弟、通用兄弟选择器）、属性选择器（简单属性、属性值完全匹配、部分属性值匹配、多个属性选择器）、伪类选择器（链接、用户操作、目标、语言、CSS3 新增结构、否定、表单相关伪类）和伪元素选择器（::before、::after、::first - letter、::first - line、CSS3 新增::selection），阐述了其用法、示例和特点，强调了 CSS3 新增选择器的作用以及在开发中使用

本文详细介绍了 CSS 中的长度单位。包括绝对长度单位（px、cm、mm、in、pt、pc）和相对长度单位（em、rem、%、vw、vh、vmin、vmax）。阐述了它们的定义、应用场景、优缺点，并对比了绝对长度单位与相对长度单位，指出绝对长度单位有固定参照，相对长度单位基于其他元素属性计算，在响应式设计中各有特点。

本文介绍了 CSS 中的颜色单位相关知识。包括颜色名称、十六进制颜色值、RGB、RGBA、HSL、HSLA 等颜色单位的表示方式、特点及使用场景。还阐述了颜色单位之间（颜色名称与十六进制、十六进制与 RGB、RGB 与 HSL）的转换方法，最后对各种颜色单位在使用场景、优缺点方面进行总结。

本文对 CSS 基础知识进行回顾。首先介绍 CSS 是用于描述文档呈现方式的样式表语言，阐述其基础语法（选择器和样式信息）和注释语法。接着讲解 CSS 样式的三种引用方式，包括外部样式表（外联样式）、内部样式表（style 标签）、行内样式表（内联样式）及其优缺点，指出外部样式表在网页开发中最常用。还详细介绍了 CSS 盒模型，包括内容区、内边距、边框、外边距，以及标准盒模型和怪异盒模型的区别。

HTML5 新增多媒体支持，主要体现在音频和视频标签。音频标签可嵌入音频，有多种属性和 JavaScript API 控制，存在兼容性问题。视频标签能嵌入视频，同样有丰富属性和 API，也面临兼容性挑战。HTML5 多媒体支持具有原生、跨平台、语义化和增强用户体验等优势。

本文是对 HTML 标签属性的详细介绍。首先定义了 HTML 属性为标签提供额外信息，以不同人身上的特征作比喻帮助理解。接着介绍了全局属性，包括 id、class、style、title 等常见属性及 draggable、dir、translate 等特殊属性。然后阐述了特定标签属性，如 img、a、input、table、textarea 等标签的特有属性。还提到了自定义属性以 “data-” 开头，可添加特定于应用程序的信息。最后总结了属性的作用，包括增强功能、控制外观、提高交互性以及便于识别和操作，强

HTML 标签是用于定义网页内容结构和表现形式的标记。每个标签都有特定的含义和用途，通过不同的标签组合，可以构建出丰富多彩的网页。本文汇总了html所有常用标签语法、一一进行分类讲解；html标签有这一篇就够了

HTML（HyperText Markup Language）即超文本标记语言，是用于创建网页的标准标记语言。它通过使用各种标签来定义网页的结构和内容，告诉浏览器如何显示网页。HTML 文档由标签和文本组成，标签用于描述文本的性质和结构。HTML 基础语法是网页开发的基石。通过掌握 HTML 的基本结构、常用标签和属性，以及如何添加注释，可以创建出结构清晰、内容丰富的网页。随着不断的学习和实践，可以打造出更加精彩的网页内容。

介绍JS与CSS不同方式实现页面防重复节流点击效果，日常开发中我们经常会对按钮进行一个防重复点击的校验，这个通常使用节流函数来实现。在规定时间内只允许提交一次，可以有效的避免事件过于频繁的执行和重复提交操作，以及为服务器考虑 。

sessionStorage 是HTML5新增的一个临时会话存储对象，本文介绍了sessionStorage的详细属性和方法，以及适用场景。帮助大家更好的理解！

无论是实际开发中，或者是求职面试中，css 垂直水平居中往往都是一个相当重要的点，其中面临这类问题时总是没办法全方位的解释。为此我总结出几种方案，可以应用于面试或者日常开发中。

CSS文本换行处理一、文本基本属性white-space: normal | pre | nowrap | pre-wrap | pre-line | inherit; 规定段落中的文本如何换行normal：默认。空白会被浏览器忽略。pre：空白会被浏览器保留。其行为方式类似 HTML 中的 <pre>标签。nowrap：文本不会换行，文本会在在同一行上继续，直到遇到 <br>标签为止。Pre-wrap:：保留空白符序列，但是正常地进行换行。Pre-l

一个子盒在父盒中实现水平垂直居中的方法！让盒子在父盒中是很经典的问题，自己整理了以下这些方法参考：1.利用子绝父相+margin实现。给子元素相对定位，父元素绝对定位给子元素设置left：50%；top：50%；利用margin-left：-自身宽度的一半，-自身高度的一半；<style> .fa { position: relative; width: 500px; height: 500p