如何使用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)

相关推荐

  • CSS字体实例:设置字体的粗细

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS字体实例:设置字体的粗细 步骤/方法 0 ...

  • CSS字体实例:设置字体风格

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS字体实例:设置字体风格 步骤/方法 01 ...

  • CSS字体单位px,em,rem的用法

    在做网页开发时,经常会用CSS来为页面做样式美化.当定义页面的字体大小时,可用的单位有px,em,rem,这些单位怎么用?来一起看下. 操作方法 01 先看下html代码,代码简单,二个div里有二段 ...

  • css样式兼容不同浏览器问题解决办法

    在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 ...

  • HTML网页制作:[17]CSS常用样式字体及颜色属性

    CSS在网页中应用非常广泛,今天我就来分享一些关于文本的CSS样式属性.一起来学习一下吧! 操作方法 01 如图,比如我们有一段文字hello html!. 02 然后在浏览器中预览一下最初始的效果. ...

  • CSS如何设置字体的类型、大小、颜色

    设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置. 复制代码 ...

  • css如何设置字体为微软雅黑

    最近身边许多朋友都在问小编css如何设置字体为微软雅黑,今天小编就为大家带来一份简短的教程,希望能够帮助到大家. 操作方法 01 首先要了解css中是如何控制字体的.      font:在一个声明中 ...

  • css中常用的文本属性的使用方法?

    css是网页开发中必须使用的一个叠层样式表.里面有太多的属性需要网页开发人员学习怎么使用.那么怎么使用css中文本样式的属性呢?我们来看看怎么一个用法.以及常用的css文本属性. 操作方法 01 新建 ...

  • 怎么看某个css属性的浏览器支持情况

    有时候我们在用某些css的属性时,不知道哪些浏览器支持哪些浏览器 不支持.这时候该怎么办呢?下面小编就来介绍一下怎么看某个css属性的浏览器支持情况. 操作方法 01 第一种方法是直接搜索一下某个cs ...