CSS⽂字样式设置
fontweight属性bold⼀、⽂字的字体
字体具有两⽅⾯的作⽤:⼀是传递语义功能。⼆是美学效应。由于不同的字体给⼈带来不同的风格感受,所以对于⽹页设计⼈员来说,⾸先需要考虑的问题就是精准选择字体。
在HTML中,设置⽂字的字体需要通过标记的face属性;⽽在CSS中,则使⽤font-family属性。
语法:font-family:字体名称
参数:字体名称按优先顺序排列,以逗号隔开。如果字体名称包括空格,则应⽤引号括起。
说明:⽤font-family属性可控制显⽰字体。不同的操作系统,其字体名是不同的。对于Windows系统,其字体名就如Word中的“字
体”列表中所列出的字体名称。
⼆、字体的⼤⼩
在设计页⾯时,通常使⽤不同⼤⼩的字体来突出要表现的主题,在CSS样式中使⽤font-size属性设置字
体的⼤⼩。
语法:font-size:绝对尺⼨|相对尺⼨|百分数
其中的参数及其含义如下。
绝对尺⼨:根据对象字体进⾏调节。可选xx-small|x-small|small|medium|x-large|large|xx-large|。
相对尺⼨:是相对于⽗对象中字体尺⼨进⾏相对调节。
百分数:其取值是基于⽗对象中字体的尺⼨。
三、设置字体的粗细
CSS样式中使⽤font-weight属性设置字体的粗细。
语法:font-weight:bold|number|normol
参数:bold为粗体,相当于number为700,也相当于b标记的作⽤;number取值100|200|300|400|500|600|700|800|900;normol为正常的字体,相当于number为400,声明此值将取消之前设置。
四、设置字体的倾斜
CSS中的font-style属性⽤来设置字体的倾斜。
语法:font-style:normol||italic||oblique
参数:normol为“正常”(默认值),italic为“斜体”,oblique为“倾斜体”。
五、设置字体的修饰
使⽤CSS样式可以对⽂本进⾏简单的修饰,如给⽂字添加下画线、上画线和贯穿线,它是通过text-decoration属性来实现这些效果的。
语法:text-decoration:number||blink||overline||line-through||none
参数:underline为“下画线”,blink为“闪烁”,overline为“上画线”,line-through为“贯穿线”,none为“⽆装饰”。
说明:设置对象中⽂本的修饰。对象a、u、ins的⽂字修饰默认值为underline。对象strike、s、del的默认值是line-through。如果应⽤的对象不是⽂本,则此属性不起作⽤。
六、设置⽂本的颜⾊
在CSS样式中,对⽂字增加颜⾊修饰⼗分简单,只要添加color属性即可。color属性的语法格式:
color:颜⾊值;
这⾥颜⾊可以使⽤多种书写⽅式:
color:red; /规定颜⾊值为颜⾊名称的颜⾊*/
color:#000000; /规定颜⾊值为⼗六进制值的颜⾊*/
color:rgb(0,0,255); /规定颜⾊值为rab代码的颜⾊*/
color:rgb(0%,0%,80%); /规定颜⾊值为rgb百分数的颜⾊*/
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论