如何使用CSS 字体属性

2025-11-04 21:11:30

1、font 。直接使用这个font代码让一个元素内所有的字体一次性呈现出来。

p.a1   {  font:italic arial,sans-serif;  }p.a2  {  font:italic bold 10px/10px arial,sans-serif;  }

如何使用CSS 字体属性

2、font-family。为一个段落直接设置所有的字体。

p  {  font-family:"Times New Roman",Georgia,Serif;  }

如何使用CSS 字体属性

3、font-size 。这个是非常容易理解的,直接从尺寸上面对于字体进行一个归定。

h1 {font-size:100%;}

如何使用CSS 字体属性

4、font-size-adjust。这个比较难一些,对于所定义的元素的字体大小的对比值。

h1  {  font-size-adjust:0.38;  }p  {  font-size-adjust:0.20;  }

如何使用CSS 字体属性

5、font-stretch。这个代码主要用于字体变形时候的情况。也就是文字的拉伸与压缩。

h1  {  font-stretch:ultra-condensed;  }

如何使用CSS 字体属性

6、font-style。这个也是很好理解的,就是正常的字体、斜体、继承属性等。

p.normal {font-style:normal;}p.italic {font-style:italic;}

如何使用CSS 字体属性

7、font-weight 。这个就是指字体的粗细程度,我们可以用数值,也可以用参数来表示。

p.normal {font-weight:normal;}p.thick {font-weight:bold;}

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢