- 博客(4)
- 收藏
- 关注
RSS订阅原创 css浮动1
**替代方案**：随着CSS网格（Grid）和弹性盒子（Flexbox）的普及，浮动布局逐渐被这些更强大的布局方式取代，但浮动仍然在某些特定场景中有用。- **浮动（float）**：元素浮动后，将不再占据原来的文档流位置，其他元素会环绕在它的周围。- **浮动元素的高度塌陷**：父元素包含浮动子元素时，其高度会塌陷，需要使用清除浮动的方法。- **清除浮动（clear）**：用于清除浮动对后续元素的影响，恢复正常的文档流布局。- **文档流**：未浮动元素按照正常的文档流从上到下排列。
2024-06-18 18:23:24
418
原创 css盒子
**Padding（内边距）**：内容与边框之间的空白区域。- **Margin（外边距）**：边框外部的空白区域，用于控制元素之间的间距。- **总宽度** = 内容宽度 + 内边距（左+右） + 边框（左+右） + 外边距（左+右）- **总高度** = 内容高度 + 内边距（上+下） + 边框（上+下） + 外边距（上+下）- **Content（内容）**：元素的实际内容，如文字、图片等。- **Border（边框）**：围绕内容和内边距的边框。/* 内容高度 *//* 内容宽度 */
2024-06-17 20:33:19
370
原创 css入门指南
**布局和定位**：`display`, `position`, `float`, `margin`, `padding`, `width`, `height`, `top`, `left`, `right`, `bottom` 等。- **文本相关**：`color`, `font-family`, `font-size`, `font-weight`, `text-align`, `line-height` 等。CSS 中的 `box-sizing` 属性用于控制盒模型的计算方式。
2024-06-16 15:59:57
340
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人