css字体设置的简写顺序 |css3 动画 拉长

/* font属性简写顺序 */
font: font-style font-variant font-weight font-size/line-height font-family;

在font属性的简写顺序中，你可以同时设置字体风格、字体变种、字体粗细、字体大小和行高以及字体族。如果你要设置其中的某一个属性，但又不想改变其他属性，可以只写需要改变的属性即可。这里大家来看几个示例：

/* 只设置字体大小和字体粗细 */
font: 700 16px;
/* 只设置字体大小和字体族 */
font: 16px 'Helvetica Neue', sans-serif;
/* 只设置字体风格和字体族 */
font: italic 'Georgia', serif;

除了font属性外，还有一些其他的字体属性简写顺序，比如：

/* 设置字体大小和行高 */
font-size: 14px;
line-height: 1.5;
font: 14px/1.5 'Helvetica Neue', sans-serif;
/* 设置字体粗细和字体族 */
font-weight: bold;
font-family: 'Georgia', serif;
font: bold 'Georgia', serif;
/* 设置字体风格和字体大小 */
font-style: italic;
font-size: 16px;
font: italic 16px 'Helvetica Neue', sans-serif;

总的来说，CSS提供的字体属性简写顺序可以让你更加便捷地设置字体风格、变种、粗细、大小和行高等属性。如果你在开发中需要经常操作字体属性，那么一定要掌握这些简写顺序，并适当地运用它们，可以提高开发效率。