在CSS3中,長度是一個非常重要的概念。在CSS中,我們可以使用像素(px)、百分比(%)、Point(pt)、EMs、REM等多種長度單位來定義CSS樣式。
以下是常用的CSS3長度單位及其示例:
px:定義像素值 .box { width: 100px; height: 50px; } %:定義占父元素寬度(或高度)的百分比 .box { width: 50%; height: 50%; } pt:定義點數(1pt = 1/72英寸) .box { font-size: 12pt; } em:定義相對于父元素字體尺寸的倍數 .box { font-size: 1.2em; height: 2em; } rem:定義相對于根元素字體尺寸的倍數 html { font-size: 16px; } .box { width: 10rem; /* 10 * 16px = 160px */ }
上述長度單位可以靈活組合,用于創建適應各種設備和屏幕的CSS樣式。
上一篇html 中輪播圖代碼
下一篇css3動畫顯示隱藏效果