» 网友学堂 » HTML/CSS教程 » 字母大小写、粗细、字体大小(css)
字母大小写、粗细、字体大小(css)
作者：ljjk5 发表时间：2007-7-19 12:23 阅读：490次 在百度搜索相关内容
[align=left]<style type="text/css">
<!--
h3{font-variant:small-caps}
em{font-style:oblique}
-->
</style>
</head>
<body>
<h3>This is <em>slanted</em>headline1</h1>
<h2>This is <em>slanted</em>headline2</h2>
</body></html>
在上面的例子中所有<h3>元素都以小体大写表示，同时，还让<em>中的字符用斜体的小体大写显示
<html><head>
<style type="text/css">
<!--
h3{font-weight:normal} /*代表400*/
p{font-weight:700} /*代表bold*/
-->
</style>
</head>
<body>
<p>This is headline</p>
<h3>Paragraph text goes here</h3>
</body></html>
font-weight指字体的粗细程度，从100到900都是可以设置的，normal指的是400



先看看下面的设置
<span style="font-size:large">large</span>
<span style="font-size:x-large">x-large</span>
<span style="font-size:xx-large">xx-large</span>
字符大小可以用xx-small x-small small large x-large xx-large从小到大表示 (效果演示)
[/align]