Abbreviations for font in CSS

This article will detail the abbreviations of the font in CSS, and have a reference from a small partner of interest.

The instance code is as follows:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en"  "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "> <style>     login_top{height:26px;font:bold 14px/26px" song body "; border:1px solid #     login_top2{height:26px; line-height:26px; font-weight:bold;font-size:14px;border:1px  solid #000;  font-family: ' Arial '} </style> <div class= "Login_top" > I vertical not centered </div> <br/> <div class= "login_ Top2 "> My vertical Center </div>

Summarize:

1, shorthand, font-size and line-height only through the slash/form a value, can not be written separately.

2, the order can not be changed. This shorthand method only works if you specify both the Font-size and Font-family properties. Also, if you do not set Font-weight, Font-style, and font-varient, they will use the default value

Related recommendations:

JS how to match calculation font-size

How Font-size-adjust properties Optimize page layout

How to handle Font-weight:blod beating

CSS3 Font variants Font-variation detailed