- 博客(4)
- 收藏
- 关注
原创 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关注的人