CSS(Cascading Style Sheets)中的單位有很多,它們用于定義樣式屬性的值,可以幫助我們準確定位元素以及調整它們的樣式。
下面是 CSS 中常用的一些單位: 1. px px(像素)是最常見的單位,它表示屏幕上的一個點(pixel)。 例如: p { font-size: 16px; width: 100px; height: 50px; } 2. em em 是相對單位,它是相對于父元素的 font-size 來計算的。 例如: .parent { font-size: 16px; } .child { font-size: 1.5em; /* 1.5 * 16px = 24px */ } 3. rem rem(root em)也是相對單位,但是它是相對于根元素(即 HTML 元素)的 font-size 來計算的。 例如: html { font-size: 16px; } p { font-size: 1rem; /* 16px */ } 4. vw/vh vw(Viewport Width)和 vh(Viewport Height)是相對單位,它們表示視口寬度和高度的百分比。 例如: div { width: 50vw; /* 視口寬度的 50% */ height: 50vh; /* 視口高度的 50% */ } 5. %(百分比) 百分比是相對單位,它們可以用在很多屬性上,如寬度、高度、邊距、填充等。 例如: div { width: 50%; /* 父元素寬度的 50% */ margin-top: 10%; /* 父元素高度的 10% */ }
以上就是一些常用的 CSS 單位,我們可以根據具體情況選擇合適的單位來制作布局和樣式。
下一篇mysql的字符集設置