css常用文字样式
color:value 设置文本的颜色。
例如:
color:red red为颜色名称
color:#ff0000 16进制表现形式(0-9 a-f)
color:rgb(255,0,0) RGB表示法 每个取值范围是0-255
color:rgb(100%,0%,0%) RGB表示法,如果用百分比,即使是0也要用0%表示,否则在FF中,不能正常显示
推荐使用color:#ff0000(这种方式如果为#aabbcc可以简写为#abc)这种表示方法
line-height行高
line-height:value 设置文本的行高
line-height:16px 直接用像素值设置行高
line-height:1.5 用倍数设置行高,是当前文字的1.5倍
line-height:150% 用百分比表示
font-family文字字体
font-family:value 设置文本的字体
font-family:”宋体”,”黑体”,”new roman” 字体中间有空格 则一定要用英文的引号引起来
font-weight
font-weight:normal||bold||value
font-weight:100
font-weight:200
font-weight:300
font-weight:400
font-weight:500
font-weight:lighter
font-weight:normal 这部分以上与 font-weight:normal几乎没有什么区别
font-weight:600
font-weight:700
font-weight:800
font-weight:900
font-weight:bolder
font-weight:bold 这部分以上5个与font-weight:bold显示效果没有什么区别
因此使用的时候,只要使用font-weight:normal和font-weight:bold基本足矣
font-size 设置文本的字体大小
font-size:12px 设置字体大小为12px
font-size:3em 设置字体大小为父框中字母m的三倍宽
font-size:200% 设置字体为原来的200%
font-style 设置文本的倾斜
font-style:normal 正常
font-style:italic 意大利体
font-style:oblique 倾斜
在window上,并不能区分italic和oblique,它们都是按照italic方式来显示的,这并是浏览器的问题,而是操作系统不够完善造成的。对于中文字体并不存在这么多情况,另外中文字体的倾斜效果并不好看,因此网页上很少使用中文的倾斜效果。
简写方式
font:[font-style font-weight]?font-size[/font-weight]?font-family 书写顺序一定要正确使用简写方式时 font-size和font-family是必须的
如:{font:400 12px/1.5 微软雅黑, Tahoma, sans-serif; color:#666;}