您的位置:首页 > Web前端 > CSS

css常用文字样式

2012-01-12 15:28 281 查看
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;}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: