- 博客(4)
- 收藏
- 关注
原创 CSS box-shadow 详解
box-shadow 的值定义为 none | [ inset? && <length>{2,4} && <color>?]#,默认是 none. 后半部分 [ inset? && <length>{2,4} && <color>?]# 的理解是# 指前面的实体可以出现一次也可以多次,当是多次的时候需要用逗号隔开,&& 指两边的实体都必须出现但是可以是任意顺序,? 指前面的
2022-01-17 10:32:36
3067
原创 CSS 实现元素固定宽高比
此文档是关于高度随宽度变化的固定宽高比,也即包含块 (containing block) 的宽度变化时元素的高度才会相应的变化。这种形式的固定宽高比的原理是因为当元素的上下 padding 值用百分比的形式时是相对于包含块的宽度而言的。当包含块的宽度变化时,元素的 padding 也会按照设置的百分比变化。我们知道 display: block 的元素 (即块级元素) 的宽度会占满父元素的 content area 宽度,当我们在 body 元素下放一个 div 元素并设置其高度为0并且设置 paddi
2022-01-07 11:42:05
2507
原创 CSS 里5种居中的方法
html:<!DOCTYPE html><html><head> <title>CSS 居中</title></head><body> <div class="container"> <div class="box"></div> </div></body></html>css:* { margin: 0;
2021-09-24 17:29:28
616
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人