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

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

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

一、配置mcp.json文件 二、在聊天窗口中发送命令 一、配置mcp.json文件 { "mcpServers" : { "filesystem" : { "command" : "cmd /c npx" , "args" : [ ...

1. Flex布局基本概念 1.1 基本术语 1.2 核心概念解释 1.3 使用方法 2. 容器属性详解 2.1 flex-direction（主轴方向） 2.2 flex-wrap（换行方式） 2.3 flex-flow（复合属性） 2.4 justify-content（主轴对齐方式） 2.5 align-items（交叉轴对齐方式） ...