CSS 字体常用属性

时间:2023-11-22 17:10:50

一、字体大小  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;
}