HTML&CSS

前言： 弹性盒布局全称为“Flexible Box Layout”，又叫flex布局。相对于传统布局来说，flex布局有以下几点优势： 灵活性：Flex布局允许项目在容器中灵活地扩展和收缩，以填充可用

前言： 网格布局是一种常见的页面布局方式，它将页面分成多个网格，每个网格可以放置不同的内容或元素。网格布局的优点包括易于设计、易于维护、良好的可读性和可访问性等。 网格布局 vs 弹性布局 从字面意思

（一）background-origin （背景图片相对元素的定位位置） background-origin值有三个分别如下： 代码如下： 效果如下： （二）background-size （设置背景

position 属性有哪些？ 静态定位（static） position的默认值。 设置了 position:static 的元素按照标准流进行布局。 设置 top，bottom，left，righ

前言 面试中经常会被问到 flex:1 是什么？flex:0 是什么？ flex:auto 又是什么？其实很多人都分不清楚，只有面试的时候才会去看，正所谓面试造航母，工作拧螺丝。 flex-grow

前言 这里介绍的是使用flex布局方式实现骰子中的1点到6点的布局。 🎲 如何实现骰子中的1点布局？ 🎲 如何实现骰子中的2点布局？ 🎲 如何实现骰子中的3点布局？ 🎲 如何实现骰子中的4点布局？ 🎲

--- theme: jzman highlight: a11y-dark --- # 伪类 **伪类一般用于设置元素的状态。** ### 常见伪类 1. `:active` 鼠标按下不松 2. `:

什么是 BFC 简单来说就是设置了BFC的元素就形成独立的区域，BFC的中内部元素的渲染不会影响到外部元素，一个元素只能存在于一个BFC空间 形成BFC的条件

一、绝对定位 + 负的margin值（定宽高） 解释：设置 left: 50% 和 top: 50% 现将子元素左上角移到父元素中心位置，然后再通过 margin-left  和 margin-top

实现两栏布局的5种方式（左侧固定 + 右侧自适应布局） dom结构如下：实现两栏布局的5种方式（左侧固定 + 右侧自适应布局）实现两栏布局的5种方式（左侧固定 + 右侧自适应布局）

css中盒模型的介绍？ CSS3 中的盒模型有以下两种：标准盒模型、IE（替代）盒模型。 两种盒子模型都是由 content + padding + border + margin 构成

transform属性 简介：transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形