CSS的命名規(guī)則是用英文字母 數(shù)字 和下劃線(一般用小寫)來命名.簡寫css font的好處有三:一是寫起來方便(就像鍵盤快捷鍵);二是簡化代碼;三是幫助你熟悉和深刻理解css。
一、字體屬性主要包括下面幾個
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(字體大?。? 可通過多種不同單位(比如像素或百分比等)來設置, 如:12xp,12pt,120%,1em
如果用 font 屬性的話,就可以把幾個樣式進行簡化,減少書的情況;font 屬性的值應按以下次序書寫(各個屬性之間用空格隔開):
順序:font-style | font-variant | font-weight | font-size | line-height | font-family
二、font的簡寫實例
.font{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:arial,verdana; }
上面的樣式簡寫為:
.font{font:italic small-caps bold 12px/1.5em arial,verdana;}
三、font的簡寫注意事項
1、簡寫時,font-size和line-height只能通過斜杠/組成一個值,不能分開寫。
2、順序不能改變.這種簡寫方法只有在同時指定font-size和font-family屬性時才起作用。而且,如果你沒有設定font-weight, font-style, 以及 font-varient ,他們會使用缺省值
font的屬性簡寫里面常用的有5個是可以寫在一起的:
font-style設定斜體 如:font-style: italic;
font-weight設定文字粗細 如:font-weight: bold;
font-size設定文字大小 如:font-size: 12px;
line-height設定行距 如:line-height: 150%;
color設定文字顏色(注意不是font-color) 如:color: red;
font-family設定字體 如:font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;
如何簡寫,其實順序是很重要的,如果順序錯了,那就不會正確解析了
正確的順序是:
font:是否斜體 字體粗細 字體大小/行高 字體樣式
例子:
font: italic bold 12px/18px Arial, Helvetica, sans-serif ;
當然最常用的是下面的寫法:
font: bold 12px/18px Arial;