字体样式

1.font-family




    
    选择器
    




    
 

    

设置字体样式

设置字体样式测试

直接设置样式

2.font-size

定义元素内文字大小
使用方式 font-size:绝对单位|相对单位
不设置字体大小时,为浏览器默认字体大小。

绝对单位

不能随浏览器分辨率或父元素大小改变而改变


绝对单位.png
相对单位

随分辨率改变而改变
单位有:px em %

color

方式 写法 说明
具体颜色名称 h1{color:red} 使用具体颜色
rgb h1 {color:rgb(10%,10%,100%)} 数字:0~255 百分比0%~100%
16进制 h1{color:#008800} #号开头,0~F 不区分大小写,#008800和#080一致,会自动补充

font-weight字体加粗

html加粗:用或者
font-weight:normal,bold(加粗),bolder,lighter(细),100~900
默认值:normal
400等于normal,700等于bold

斜体 font-style

html斜体或者
font-style:normal ,italic(斜体),oblique(倾斜)

字体变形 font-variant 作用于英文

将小写字母转换为小型大写字母
font-variant:normal,small-caps

Cascading Style Sheets


效果


小型大写字母.png

你可能感兴趣的:(字体样式)