摘要：
阅读全文
posted @ 2026-07-09 08:49
高冷的生煎包
阅读(19)
评论(0)
推荐(0)
摘要：
解析： 1.关键 Flex 属性说明： justify-content: space-around：每个子块左右都有均等空白，两端也留白； align-items: stretch：弹性默认垂直对齐方式，如果子元素不写固定 height，会自动拉高铺满父盒子高度。 2.div[class^=item 阅读全文
posted @ 2026-07-09 08:43
高冷的生煎包
阅读(11)
评论(0)
推荐(0)
摘要：
解析： 分模块知识点总结 1.盒子基础样式 margin:0 auto：实现这个 1000px 宽的大盒子在页面水平居中； width/height：固定盒子尺寸； background-color：设置底色； border：统一设置边框粗细、线型、颜色； border-radius：给盒子边角做圆 阅读全文
posted @ 2026-07-09 08:38
高冷的生煎包
阅读(12)
评论(0)
推荐(0)
摘要：
代码练习核心内容 本代码用于练习左浮动横向多栏布局、overflow:hidden清除浮动高度塌陷、父容器水平居中，同时演示多类 CSS 批量选择器写法。 详细拆解 核心知识点 1：浮动与高度塌陷 4 个子盒子全部float:left，横向并排； 浮动元素脱离文档流，父容器默认高度变为 0（高度塌陷 阅读全文
posted @ 2026-07-09 08:31
高冷的生煎包
阅读(11)
评论(0)
推荐(0)
摘要：
解析： 1.margin: 0 auto：左右外边距自动，实现盒子水平居中。 2.margin:5px：卡片四周外边距 5px，卡片之间产生空隙； 3.border: 1px solid #000：1 像素黑色实线边框，划分区域。 运行结果： 阅读全文
posted @ 2026-07-09 08:22
高冷的生煎包
阅读(7)
评论(0)
推荐(0)
摘要：
解析： 1.display: block：把行内 a 标签转为块级元素，支持设置宽、高； 2.float: left：让多个链接横向并排展示； 3.text-decoration: none：清除 a 标签自带蓝色下划线； 4.垂直居中原理：line-height 值和盒子 height 保持一致， 阅读全文
posted @ 2026-07-09 08:16
高冷的生煎包
阅读(9)
评论(0)
推荐(0)
摘要：
1.定位 /绝对的/position: absolute; /相对的/position: absolute; 2.固定定位 position: fixed;/定位,按钮永久固定在页面右下角，上下滑动页面不会跟着移动/ 阅读全文
posted @ 2026-07-09 08:09
高冷的生煎包
阅读(11)
评论(0)
推荐(0)
浙公网安备 33010602011771号