一、基本概念 1. 容器（flex container） 2. 项目（flex item） 二、容器属性 1. flex-direction 2. flex-wrap 3. flex-flow 4. justify-content 5. align-items 6. align-content 三、项目属性 1. order 2. fl...

一、什么是盒子模型？ 1.1 布局结构 1.2 布局元素的组成 二、基本概念 容器类布局组件，顾名思义，就是能够容纳若干子组件，并且能够排列子组件位置布局的容器。布局指用特定的组件或者属性来管理用户页面所放置UI组件的大小和位置。 一、什么是盒子模型？ 特别提示： 在前端的各种UI布局中都使用到了类似于CSS中的盒子模型 和DOM树 ...

盒模型的基本组成 盒模型的两种类型 1. 标准盒模型(Content-Box) 2. IE盒模型(Border-Box) 盒模型的工作原理 宽度和高度计算 外边距折叠 实际应用示例 创建固定宽度布局 创建响应式布局 常见问题和解决方案 1. 意外的布局溢出 2. 设置全局盒模型 总结 CSS盒模型是网页布局的基础概念，它定...

一、浮动布局的使用场景 二、浮动的影响 三、清除浮动的三种方式 浮动，的初始初衷不是用来布局页面的，而是用来实现像报纸上图片围绕文字的这种排版效果的……但是，在实际开发中还是经常把浮动用来布局页面 一、浮动布局的使用场景 主要用于在水平方向上实现元素的左对齐或右对齐的方式水平排列。当一个元素设置为浮动后，其后面的兄弟元素会受到影响。因为，...

一、静态定位 二、固定定位 三、相对定位 四、绝对定位 五、示例代码 定位，能够实现元素的精准定位布局。主要有4种：静态定位、固定定位、相对定位、绝对定位。这4种定位方式都辅以left、top、right、bottom属性进行定位。 一、静态定位 这是默认的定位方式，也就是你没有指明定位方式的时候，默认就是static布局。这种方式下...

一、CSS规则集 1.如何选择多个元素？ 2.有哪些选择器？ 二、一切皆盒子 CSS：层叠样式表。 它是一种样式语言，用来描述了HTML文档的呈现方式。它描述了元素如何被渲染出来。它存在的意义就是用来告诉浏览器，HTML文档中的这些元素“长什么样，放在哪里 ”。 一、CSS规则集 选择器： 它选择了一个或多个需要被添加样式的元素，...

AI-IDE 项目架构详解 📊 项目概览 基本信息 核心特性 🏗️ 项目目录结构 根目录结构 AI 包生态系统 (22 个包) 核心基础设施 (4 个) AI 提供商集成 (8 个) 专业功能 (10 个) 🎯 前后端分离架构 架构层级说明 实际统计数据 📁 各层级详解 1️⃣ browser/ - 前端层 典型文件示例 包含内容 ...