CSS/CSS3常用屬性與經典佈局
阿新 • • 發佈：2022-03-18
【CSS/CSS3 單位】
1、CSS長度值單位
| 單位 | 含義 |
|---|---|
| em | 相對於父元素的字型大小 |
| ex | 相對於小寫字母"x"的高度 |
| gd | 一般用在東亞字型排版上，這個與英文並無關係 |
| rem | 相對於根元素字型大小 |
| vw | 相對於視窗的寬度：視窗寬度是100vw |
| vh | 相對於視窗的高度：視窗高度是100vh |
| vm | 相對於視窗的寬度或高度，取決於哪個更小 |
| ch | 相對於0尺寸 |
| px | 相對於螢幕解析度而不是視窗大小：通常為1個點或1/72英寸 |
| in | inch, 表英寸 |
| cm | centimeter, 表釐米 |
| mm | millimeter, 表毫米 |
| pt | 1/72英寸 |
| pc | 12點活字，或1/12點 |
| % | 相對於父元素。正常情況下是通過屬性定義自身或其他元素 |
2、時間、頻率、角度單位
| 單位 | 含義 |
|---|---|
| deg | degrees, 角度 |
| grad | grads, 百分度 |
| rad | radians, 弧度 |
| turn | turns, 圈數 |
| ms | milliseconds, 毫秒數 |
| s | seconds, 秒數 |
| Hz | Hertz, 赫茲 |
| kHz | kilohertz, 千赫 |
具體參考：https://www.zhangxinxu.com/wordpress/2011/03/css-css3-unit-units/
【CSS3新特性】
1、CSS3選擇器
2、@font-face特性
3、圓角
4、多列布局
5、陰影
6、CSS3漸變效果
7、CSS彈性盒子模型
8、transition物件變換時過度效果
9、transforms 2D轉換效果
10、animations動畫效果
具體參考：https://www.cnblogs.com/star91/p/5659134.html