CSS的命名規(guī)則是用英文字母 數(shù)字 和下劃線(一般用小寫)來(lái)命名.簡(jiǎn)寫css font的好處有三:一是寫起來(lái)方便(就像鍵盤快捷鍵);二是簡(jiǎn)化代碼;三是幫助你熟悉和深刻理解css。
一、字體屬性主要包括下面幾個(gè)
font-family,font-style,font-variant,font-weight,font-size,font
font-family(字體族): “Arial”、“Times New Roman”、“宋體”、“黑體”等;
font-style(字體樣式): normal(正常)、italic(斜體)或oblique(傾斜);
font-variant (字體變化): normal(正常)或small-caps(小體大寫字母);
font-weight (字體濃淡): 是normal(正常)或bold(加粗)。有些瀏覽器甚至支持采用100到900之間的數(shù)字(以百為單位);
font-size(字體大?。? 可通過(guò)多種不同單位(比如像素或百分比等)來(lái)設(shè)置, 如:12xp,12pt,120%,1em
如果用 font 屬性的話,就可以把幾個(gè)樣式進(jìn)行簡(jiǎn)化,減少書(shū)的情況;font 屬性的值應(yīng)按以下次序書(shū)寫(各個(gè)屬性之間用空格隔開(kāi)):
順序:font-style | font-variant | font-weight | font-size | line-height | font-family
二、font的簡(jiǎn)寫實(shí)例
.font{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:arial,verdana; }
上面的樣式簡(jiǎn)寫為:
.font{font:italic small-caps bold 12px/1.5em arial,verdana;}
三、font的簡(jiǎn)寫注意事項(xiàng)
1、簡(jiǎn)寫時(shí),font-size和line-height只能通過(guò)斜杠/組成一個(gè)值,不能分開(kāi)寫。
2、順序不能改變.這種簡(jiǎn)寫方法只有在同時(shí)指定font-size和font-family屬性時(shí)才起作用。而且,如果你沒(méi)有設(shè)定font-weight, font-style, 以及 font-varient ,他們會(huì)使用缺省值
font的屬性簡(jiǎn)寫里面常用的有5個(gè)是可以寫在一起的:
font-style設(shè)定斜體 如:font-style: italic;
font-weight設(shè)定文字粗細(xì) 如:font-weight: bold;
font-size設(shè)定文字大小 如:font-size: 12px;
line-height設(shè)定行距 如:line-height: 150%;
color設(shè)定文字顏色(注意不是font-color) 如:color: red;
font-family設(shè)定字體 如:font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;
如何簡(jiǎn)寫,其實(shí)順序是很重要的,如果順序錯(cuò)了,那就不會(huì)正確解析了
正確的順序是:
font:是否斜體 字體粗細(xì) 字體大小/行高 字體樣式
例子:
font: italic bold 12px/18px Arial, Helvetica, sans-serif ;
當(dāng)然最常用的是下面的寫法:
font: bold 12px/18px Arial;