css教程：CSS字体font属性的应用

The CSS font properties define the font in text.
CSS字体属性可定义文字所使用的字体。

设置文字的字体 Set the font of a text
This example demonstrates how to set a font of a text.
Examples 实例：
代码调试框 [www.dedecms.com]<html><br /> <head></p> <style type="text/css"> h3 {font-family: times} h5 {font-family: arial} p {font-family: courier} p.sansserif {font-family: sans-serif} </style> <p></head><br /> <body></p> <h3>This is header 3</h3> <h5>www.dedecms.com</h5> <p>This is a paragraph</p> <p class="sansserif">This is a paragraph</p> <p></body><br /> </html>
[ 可先修改部分代码再运行查看效果 ]

设置字体的大小 Set the size of the font
This example demonstrates how to set the size of a font.
Examples 实例：
代码调试框 [www.dedecms.com]<html><br /> <head></p> <style type="text/css"> h1 {font-size: 150%} h2 {font-size: 130%} p {font-size: 100%} </style> <p></head><br /> <body></p> <h1>This is header 1 www.dedecms.com</h1> <h2>This is header 2</h2> <p>This is a paragraph</p> <p></body><br /> </html>
[ 可先修改部分代码再运行查看效果 ]

设置字体的样式 Set the style of the font
This example demonstrates how to set the style of a font.
Examples 实例：
代码调试框 [www.dedecms.com]<html><br /> <head></p> <style type="text/css"> h1 {font-style: italic} h2 {font-style: normal} p {font-style: oblique} </style> <p></head><br /> <body></p> <h1>This is header 1</h1> <h2>This is header 2 www.dedecms.com</h2> <p>This is a paragraph</p> <p></body><br />
[ 可先修改部分代码再运行查看效果 ]

设置字体的形态 Set the variant of the font
This example demonstrates how to set the variant of a font.
Examples 实例：
代码调试框 [www.dedecms.com]<html><br /> <head></p> <style type="text/css"> p.normal {font-variant: normal} p.small {font-variant: small-caps} </style> <p></head><br /> <body></p> <p class="normal">This is a paragraph www.dedecms.com</p> <p class="small">This is a paragraph</p> <p></body><br /> </html>
[ 可先修改部分代码再运行查看效果 ]

设置字体粗细 Set the boldness of the font
This example demonstrates how to set the boldness of a font.
Examples 实例：
代码调试框 [www.dedecms.com]<html><br /> <head></p> <style type="text/css"> p.normal {font-weight: normal} p.thick {font-weight: bold} p.thicker {font-weight: 900} </style> <p></head><br /> <body></p> <p class="normal">This is a paragraph</p> <p class="thick">This is a paragraph www.dedecms.com</p> <p class="thicker">This is a paragraph</p> <p></body><br /> </html>
[ 可先修改部分代码再运行查看效果 ]

一个声明设置所有字体属性 All the font properties in one declaration
This example demonstrates how to use the shorthand property for setting all of the font properties in one declaration.
Examples 实例：
代码调试框 [www.dedecms.com]<html><br /> <head></p> <style type="text/css"> p { font: italic small-caps 900 12px arial } </style> <p></head><br /> <body></p> <p>This is a paragraph <br /> www.dedecms.com</p> <p></body><br /> </html>
[ 可先修改部分代码再运行查看效果 ]

The CSS font properties allow you to change the font family, boldness, size, and the style of a text.
CSS字体属性答应你改变字体以及它的粗细，大小和样式。

柠檬铺

css教程：CSS字体font属性的应用

发表回复取消回复

Grow your business fast with

Suku

css教程：CSS字体font属性的应用

发表回复 取消回复

Grow your business fast with

Suku

发表回复取消回复