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