演示-链接 演示-单页 演示-书签 演示-语法 演示-杂烩 演示-美图 栏目演示 演示-影音 源码下载 立即购买 申请试用 使用手册 系统更新
CSS语法改变字体的属性
[分栏:演示-语法]1. 字体样式:font
语法:{font:font-style font-variant font-weight font-size font-family}
[ <字体风格> || <字体变形> || <字体加粗> ]? <字体大小> [ / <行高> ]? <字体类形>
作用:简写属性,提供了对字体所有属性进行设置的快捷方法。
注意:字体样式用作不同字体属性的略写,特别是行高。例如 P { font: italic bold 12pt/14pt Times, serif }指定该段为bold(粗体)和italic(斜体)Times或serif字体,12点大小,行高为14点。
在评论中,还有关于字体属性的更具体的css语法及介绍。
2012-10-08 15:05:50 电脑发表评论
飞速如风:
2. 字体类形:font-family
语法:{font-family:字体1,字体2,字体3,...}
作用:调用客户端字体
说明:
·当指定多种字体时,用“,”分隔每种字体名称。
·当字体名称包含两个以上分开的单词时,用“”把该字体名称括起来。
·当样式规则外已经有“”时,用‘’代替“”。
注意:如果在font-family后加上多种字体的名称,浏览器会按字体名称的顺序逐一在用户的计算机里寻找并匹配显示已经安装的字体,如果全部找不到,就显示计算机默认字体。
2012-10-08 16:00:19
飞速如风:
3.字体大小:font-size
语法:{font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}
作用:设定文字大小,参考取值单位
说明:使用比例关系
·xx-small
·x-small
·small
·medium
·large
·x-large
·xx-large
2012-10-08 15:55:20
飞速如风:
4. 字体风格:font-style
语法:{font-style:inherit|italic|normal|oblique}
作用:使文本显示为扁斜体或斜体等表示强调
说明:
·inherit 继承
·italic 斜体
·normal 正常
·oblique 偏斜体
2012-10-08 15:54:47
飞速如风:
5.字体粗细:font-weight
语法:{font-weight:100-900|bold|bolder|lighter|normal;}
作用:设定文字的粗细
说明:
·bold 粗体(相当于数值700 )
·bolder 特粗体
·lighter 细体
·normal 正常体(相当于数值400)
注意:取值范围从数字100~900,浏览器默认的字体粗细为400。另外可以通过参数lighter和bolder使得字体在原有基础上显得更细或更粗些。
2012-10-08 15:54:25
飞速如风:
6. 字体颜色:color
语法:{color: 数值}
作用:字体颜色
说明:颜色参数取值范围
·以RGB值表示
·以16进制(hex)的色彩值表示
·以默认颜色的英文名称表示
注意:以默认颜色的英文名称表示无疑是最为方便的,但由于预定义的颜色种类太少,所以更多的网页设计者喜欢用RGB的方式。RGB方式的好处很多,不但可以用数字的形式精确地表示颜色,而且也是很多图像制作软件(如Photoshop)里默认使用的规范,这样一来就为图片和网页更好地结合打下了坚实的基础。
2012-10-08 15:54:03
【发表评论】
版权所有©飞速如风
精工细作 拒绝平庸