摘要: ## 最大最小宽高 - 最大宽度:`max-width`,最大高度:`max-height` - 最小宽度:`min-width`,最小高度:`min-height` 当一个元素的尺寸会自动变化时,设置最大最小宽高,可以让它不至于变得过小或过大。 在实际开发中,我们通常为PC端的页面设置一个最小宽度 阅读全文
posted @ 2023-07-31 13:26 HuangBingQuan 阅读(43) 评论(0) 推荐(0) 编辑
摘要: ## 尺寸的百分比 绝大部分可以书写尺寸的地方,都可以书写百分比 百分比是一个相对单位,其相对于元素的**参考系**,比如: - 普通元素的参考系为**父元素的内容区域** - 绝对(固定)定位元素的参考系为父元素中**第一个定位元素的padding区域+内容区域** 下面罗列常见的百分比情况 | 阅读全文
posted @ 2023-07-31 13:24 HuangBingQuan 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 颜色的alpha通道标识了色彩的透明度,它是一个0~1之间的取值,0标识完全透明,1标识完全不透明 在css中使用rgba可以为颜色添加alpha通道 ```css .alpha { /* 一个完全透明的颜色,等同于 transparent */ color: rgba(0, 0, 0, 0); / 阅读全文
posted @ 2023-07-31 13:22 HuangBingQuan 阅读(42) 评论(0) 推荐(0) 编辑
摘要: ### 绝对定位特性 * 当一个元素开启绝对定位后,元素会自动变成block盒。 ### 什么时候使用绝对定位 * 下面三个条件满足任何一个时,使用绝对定位: 1. 元素出现在一个天马行空的位置 2. 元素是否存在,不影响其他元素的排列 3. 单个元素在某个区域内水平垂直居中 ### fixed和a 阅读全文
posted @ 2023-07-31 13:16 HuangBingQuan 阅读(5) 评论(0) 推荐(0) 编辑