如何使用CSS 字体属性
我们知道在网页设计当中会大量的使用到各种的CSS 字体属性,这让我们的网页在表现形式上更加的多元化,也让我们的网页当中字体更加的形象与生动。
操作方法
- 01
font 。直接使用这个font代码让一个元素内所有的字体一次性呈现出来。 p.a1 { font:italic arial,sans-serif; } p.a2 { font:italic bold 10px/10px arial,sans-serif; }
- 02
font-family。为一个段落直接设置所有的字体。 p { font-family:"Times New Roman",Georgia,Serif; }
- 03
font-size 。这个是非常容易理解的,直接从尺寸上面对于字体进行一个归定。 h1 {font-size:100%;}
- 04
font-size-adjust。这个比较难一些,对于所定义的元素的字体大小的对比值。 h1 { font-size-adjust:0.38; } p { font-size-adjust:0.20; }
- 05
font-stretch。这个代码主要用于字体变形时候的情况。也就是文字的拉伸与压缩。 h1 { font-stretch:ultra-condensed; }
- 06
font-style。这个也是很好理解的,就是正常的字体、斜体、继承属性等。 p.normal {font-style:normal;} p.italic {font-style:italic;}
- 07
font-weight 。这个就是指字体的粗细程度,我们可以用数值,也可以用参数来表示。 p.normal {font-weight:normal;} p.thick {font-weight:bold;}
赞 (0)