css 常用属性占比 |html5 css3 弹窗

css 添加编号，dw css 外部链接，Tomcat无法读入css，css布局清除默认样式，css导航条官网，css内联样式标签是什么，html5 css3 弹窗 css 常用属性占比 |html5 css3 弹窗

1. width属性

width: 50%; /*将元素的宽度设置为父元素宽度的50%*/
width: 10em; /*将元素的宽度设置为10个字母M的宽度*/
width: 5rem; /*将元素的宽度设置为根元素的字体大小的5倍*/

2. height属性

height: 30%; /*将元素的高度设置为父元素高度的30%*/
height: 5em; /*将元素的高度设置为5个字母M的高度*/
height: 2rem; /*将元素的高度设置为根元素的字体大小的2倍*/

3. font-size属性

font-size: 16px; /*将元素的字体大小设置为16像素*/
font-size: 2em; /*将元素的字体大小设置为父元素字体大小的2倍*/
font-size: 1.5rem; /*将元素的字体大小设置为根元素的字体大小的1.5倍*/

4. margin属性

margin: 10%; /*将元素的外边距设置为父元素宽度的10%*/
margin: 2em; /*将元素的外边距设置为2个字母M的宽度*/
margin: 1.5rem; /*将元素的外边距设置为根元素的字体大小的1.5倍*/

5. padding属性

padding: 5%; /*将元素的内边距设置为父元素宽度的5%*/
padding: 1em; /*将元素的内边距设置为1个字母M的宽度*/
padding: 0.5rem; /*将元素的内边距设置为根元素的字体大小的0.5倍*/

总之，CSS中的占比可以使网页设计更加灵活、实用，并且自适应根据父元素进行自适应调整，建议在实际应用时多加尝试。