- px:像素。是一個確定的長度單位咬崔，設(shè)置字體大小為20px，則表示字體大小為固定的值妓蛮。
- em和rem都是相對單位侦香，em和rem的值都不是固定的。em是相對于父級元素的大小倍數(shù)弥奸，例如2em表示設(shè)置為父級的2倍大姓セ荨；rem是相對根元素的大小倍數(shù)盛霎。
舉例說明
em.jpg
如上圖代碼所示赠橙，用html{}定義了根元素大小為15px。
- 第一個段落中的文字“我是1em”是根元素大小的1倍愤炸，即為15px期揪。
- 第二個段落文字沒有設(shè)置文字格式，直接采用head中設(shè)置的body{}格式规个，為2em,父級的兩倍大小凤薛，body的父級就是html姓建，所以是html的兩倍，也就是30px,所以“我是2em”顯示為30像素缤苫。
- 第三個段落設(shè)置字體大小為2em速兔，即為父級body的兩倍，而body又是html的兩倍活玲，所以這一個段落中的文字大小為
2*2*15px=60px涣狗。 - 第四個段落設(shè)置字體大小格式為2rem，即直接是根元素大小的2倍舒憾，所以為2*15px=30px镀钓。
- 第五個段落設(shè)置字體大小為16px,是一個確定的值，所以顯示出來的字體大小直接就是16px镀迂。
