CSS中最常用的三种长度单位是像素(px)、百分比(%)和em。 /* 像素(px) */ div{ width: 200px; height: 100px; font-size: 16px; } 像
CSS中最常用的三种长度单位是像素(px)、百分比(%)和em。
/* 像素(px) */ div{ width: 200px; height: 100px; font-size: 16px; }
像素(px)是最常用的长度单位之一,它是固定的,不会随着浏览器窗口大小的改变而改变,因此在布局设计中经常使用像素。
/* 百分比(%) */ div{ width: 50%; height: 50%; font-size: 100%; }
百分比(%)是相对于父元素的长度单位,它的值是相对于包含元素的宽度或高度。在响应式设计中,使用百分比可以让布局更加灵活。
/* em */ div{ width: 20em; height: 10em; font-size: 1.2em; }
em是相对于元素本身字体大小的长度单位,它是一个相对单位。如果一个元素的字体大小是16像素(px),那么1em就等于16像素(px)。在排版设计中,使用em可以让页面具有更好的可读性。
粉丝
0
关注
0
收藏
0