多语言展示
当前在线:1618今日阅读:23今日分享:25

如何使用CSS 字体属性

我们知道在网页设计当中会大量的使用到各种的CSS 字体属性,这让我们的网页在表现形式上更加的多元化,也让我们的网页当中字体更加的形象与生动。
工具/原料

dreamweaver

方法/步骤
1

font 。直接使用这个font代码让一个元素内所有的字体一次性呈现出来。p.a1   {  font:italic arial,sans-serif;  } p.a2  {  font:italic bold 10px/10px arial,sans-serif;  }

2

font-family。为一个段落直接设置所有的字体。p  {  font-family:'Times New Roman',Georgia,Serif;  }

3

font-size 。这个是非常容易理解的,直接从尺寸上面对于字体进行一个归定。h1 {font-size:100%;}

4

font-size-adjust。这个比较难一些,对于所定义的元素的字体大小的对比值。h1  {  font-size-adjust:0.38;  } p  {  font-size-adjust:0.20;  }

5

font-stretch。这个代码主要用于字体变形时候的情况。也就是文字的拉伸与压缩。h1  {  font-stretch:ultra-condensed;  }

6

font-style。这个也是很好理解的,就是正常的字体、斜体、继承属性等。p.normal {font-style:normal;} p.italic {font-style:italic;}

7

font-weight 。这个就是指字体的粗细程度,我们可以用数值,也可以用参数来表示。p.normal {font-weight:normal;} p.thick {font-weight:bold;}

推荐信息