html如何利用CSS设置字体样式

现在的html页面,将页面结构与页面样式分开来,这样做可以使结构清晰,样式明确,同时因为样式分开于结构,样式可以实现多次调用。

操作方法

  • 01

    我们选择将我们的样式全部建到一个CSS文档中,通过调用CSS文件来加载样式。

  • 02

    在头部调用CSS文件样式。

  • 03

    对于CSS,我们最常用的是通过class或是标签名来控制样式。

  • 04

    我们控制字体样式使用的font

  • 05

    比如我们要设置字体的大小,那么我们可以使用font-size,来进行设置。

  • 06

    如果我们需要设置字体样式,那么我们可以使用font-family

  • 07

    如果我们需要给字体加粗,那么我们可以使用font-weight。

  • 08

    在设置字体过程中,除了font常用外,其次比较常用的就是text了,我们可以利用text,设置字体的一些其他样式,比如text-align可以设置文字的对其方式。

  • 09

    而text-decoration可以清理或是设置不同样式的下划线。我这里利用text-decoration:none去掉了下划线。

  • 10

    如果您定义的容器比文字的宽度小,那么您可以设置overflow:hidden,当溢出后,便会自动隐藏其溢出的内容。

  • 11

    font-style可以设置字体的样式

(0)

相关推荐

  • VisualStudio2015怎么设置字体格式? vs设置字体样式的教程

    Visual Studio2015中想要设计字体的样式,大小,颜色,该怎么设置呢?下面我们就来看看详细的教程. 1.新建一个Visual Studio网站,在网站中制作一个网页. 2.可以看到,文本编 ...

  • VIVO X21怎么设置字体样式

    我们大家在使用VIVO X21的时候,如果不喜欢系统自带的字体样式,我们可以更改成其它的字体样子,让文字更好看,下面就告诉大家,VIVO X21怎么设置字体样式? 操作方法 01 首先我们进入到VIV ...

  • vivo21i手机怎么设置字体样式和字体大小?

    vivo21i手机怎么设置字体大小?vivo21i是今年才发布的一款新机型,很多朋友拿到手后,对于设置字体功能不是很了解,下面小编跟大家分享这款机型字体设置的步骤,供大家参考. 操作方法 01 在手机 ...

  • 如何在CAD看图软件中设置字体样式

    在制作CAD图纸中,文字是不可缺少的.想时候在图纸中想做一些比较炫酷的文字是,这时我们就可以用到文字样式这个功能了,给文字设置一些比较好看炫酷的样式了. 操作方法 01 打开我们已经安装好的CAD看图 ...

  • word怎么设置字体样式

    word的主要功能就是用来输入文字,那么字体是非常重要的,但是每次都要设置字体是非常麻烦的一件事情,下面虾米告诉大家一个一劳永逸的方法. 操作方法 01 现在我要设置一个固定的字体,把图框框中的字改变 ...

  • 微信怎么设置字体样式

    微信怎么修改字体样式,相信很多小伙伴都有这个疑问.微信字体大小相信大家都会设置,但是字体样式怎么设置还真不知道.虽然说微信现在不支持修改字体样式,但是我们可以通过修改手机字体样式来修改微信的字体样式, ...

  • css设置字体大小

    前端开发中,为了突出一些内容常常对一些内容进行字体大小的设置.css提供了一个设置字体大小的属性: font-size. 语法: font-size:20px 操作方法 01 打开html开发软件,新 ...

  • photoshop怎么设置字体样式

    看多了Photoshop中各种各样的字体,但是很少有人去设置字体的样式,今天小编就为大家普及一下字体样式小诀窍 操作方法 01 打开Photoshop,按快捷键[Ctrl+N]新建一个空白图层 02 ...

  • css如何设置字体倾斜

    前端开发中有时候需要对一些特殊字体进行字体的设置,如何使用css设置字体倾斜呢?css设置字体倾斜的属性为 font-style:oblique. 操作方法 01 打开html开发软件工具,新建一个h ...