CSS 字体常用属性

一、字体大小  font-size:参数

/**
 * 参数：一、数字固定值，如20px
 *      二、父元素字体的百分比
 *      三、smaller 比父元素更小
 *      四、larger  比父元素更大
 *      五、inherit 继承父元素，即跟父元素一样大小
**/

a{
     
   font-size: 20px;
 }

二、定义字体 font-family:参数

/**
 * 参数之间可以用','隔开 以确保本机没有该字体时自动执行下一个字体
**/

a{
     
   font-family: '微软雅黑',SimSun;
 }

中英文字体对照表：http://wenku.baidu.com/link?url=cJEmaWWaM0CcAliid0QeTjVRESYT_GYIsNTqwiWpqz7gsfjvjHHojQKZdzY7YgxNONvpqtGzIKV9cOUjC3WxZkt5ddAbOcFX1S_InoRPA_i

 

三、字体加粗 font-weight:参数

/**
 * 参数：一、normal 正常字体（默认）
 *      二、bold   加粗
 *      三、bolder 更粗
 *      四、lighter更细
 *      五、数字100~900，其中400=normal，700=bold
**/

a{
     
    font-weight:normal;
 }

 

四、字体样式 font-style:参数

 /**
   * 参数：一、normal 正常字体（默认）
   *      二、italic 斜体
   *      三、oblique倾斜 
   *      四、inherit继承父元素的样式  **/

a{
     
     font-style: oblique;
  }

五、小型大写字母font-variant:参数

 /**
   * 参数：一、normal 正常字体（默认）
   *      二、small-caps 英文字母全部变成大写
   *      三、inherit继承父元素的样式 
   **/

a{
     
     font-variant:small-caps;
 }

 

转载于:https://www.cnblogs.com/xsphehe/p/6513506.html