示例示例CSS 常用单位有:绝对单位:
CSS 常用单位有:
1. 绝对单位:
- px(像素):用于定义固定大小的元素,比如设置字体大小、边框宽度等。
示例代码:
css
body {
font-size: 12px;
border: 1px solid #ccc;
}
- in(英寸):用于定义打印页面的尺寸,比如设置页面的边距等。
示例代码:
css
@page {
margin: 1in;
}
2. 相对单位:
- em(相对单位):用于定义元素的大小,比如设置字体大小、行高等。
示例代码:
css
h1 {
font-size: 2em;
line-height: 1.5em;
}
- rem(相对单位):与 em 类似,但是 rem 是相对于根元素(html)的大小来计算的,而 em 是相对于父元素的大小来计算的。
示例代码:
css
html {
font-size: 16px;
}
h1 {
font-size: 2rem;
line-height: 1.5rem;
}
3. 百分比单位:
- %(百分比):用于定义元素的大小,比如设置容器的宽度、字体大小等。
示例代码:
css
div {
width: 100%;
font-size: 120%;
}
本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处
评论列表(41条)