在CSS中,font
元素用于控制文本的字體、顏色、大小以及其他屬性。這個元素可以在CSS文件中直接使用,在HTML文件的樣式表中引用。
font: font-style font-variant font-weight font-size/line-height font-family;
上面是font
元素的全部代碼,這個代碼要求我們按照順序填寫以下屬性:
font-style
:字體樣式,如斜體、正常、傾斜等font-variant
:普通或小型大寫字母font-weight
:字體加粗font-size/line-height
:字體大小/行高,兩個用“/”隔開font-family
:字體類型,如宋體、微軟雅黑、Arial等
例如,我們可以使用下面的代碼來控制段落中的文字:
p { font: normal normal 400 16px/1.5 Arial,sans-serif; }
上面的代碼中,我們指定了font-style
屬性為正常、font-variant
屬性為普通、font-weight
屬性為400(相當于正常),font-size
為16像素,line-height
為1.5(這個指定的是字體大小的倍數),font-family
為Arial和sans-serif(后備字體)。
當然,我們也可以只指定某些屬性,如下所示:
p { font-size:20px; font-family:Helvetica, sans-serif; }
上面的代碼中,我們只指定了font-size
和font-family
屬性,其他屬性繼承了默認值。
總之,在CSS中,font
元素是一種非常重要的元素,可以讓我們更加方便地控制文字的外觀。
上一篇js和css兼容面試題
下一篇js判斷瀏覽器加載css