CSS中的em單位常常被用來表示相對于字體大小的尺寸。em是基于當前字體尺寸的單位,如果當前的字體大小為16px,則1em等于16像素,2em等于32像素,以此類推。
以字體大小為例,假設我們現在想要讓所有p標簽字體大小增加1.5倍,可以這樣寫:
p { font-size : 1.5em; }
此時,這個1.5em是相對于原來的字體大小來計算的,如果原來字體大小為16px,則現在p標簽的字體大小為24像素。
em也可以被用來設置任何需要基于字體大小的尺寸,比如列表的縮進。如果我們想讓列表項比列表的縮進大一倍,可以這樣寫:
ul { padding-left: 2em; } li { text-indent: -1em; }
這樣,我們就可以實現列表的縮進效果。其中,padding-left: 2em的2em是相對于該元素的字體大小來計算的,所以縮進的大小是相對于字體大小變化的。
上一篇mysql的安裝與連接
下一篇mysql的安裝以管理員