字体属性

字体属性

 

CSS字体属性定义字体,颜色,大小,加粗,文字样式

color

规定文本的颜色

div{color:red;}
div{color:#ff0000;}
div{color:rgb(255,0,0);}
div{color:rgba(255,0,0,.5);}

font-size

设置文本的大小

能否管理文字的大小,在网页设计中是非常重要的.但是,你不能通过调整字体大小使段落看上去像标题,或者使标题看上去像段落.

h1{font-size:40px;}
h2{font-size:30px;}
p{font-size:14px;}

温馨提示

chrome浏览器接受最小字体是12px

font-weight

设置文本的粗细

值	描述
bold	定义粗体的文符
bolder	定义更粗的文符
light	定义更细的字符
100~900	定义有细到粗 400等同默认,而700等同于bold

H1{font-weight:normal;}
div{font-weight:bold;}
p{font-weight:900;}

font-style

指定文本的字体样式

值	描述
normal	默认值
italic	定义斜体字

font-family

font-family属性指定一个元素的字体

温馨提示

每个值用逗号分开

如果字体名称包含空格,它必须加上引号

font-family:"Microsoft YaHei","Simsun","SimHei";