如何使用CSS固定网页的字体大小?

html-css012

如何使用CSS固定网页的字体大小?,第1张

这里用到font-size属性,下面是例子:

在<head>与</head>之间加上以下代码即可

<style type="text/css">

<!--body{font-size:12px}-->

</style>

12px是网页默认字体大小!

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:。

<div style="position: relativewidth: 300pxheight: 80pxborder: 1px solid blue">

<strong style="position: absoluteright: 0top: 0">获取更多</strong>

</div>

3、浏览器运行index.html页面,此时“获取更多”的链接文字移动到条形栏的中间位置了。

01

先看下我们的html代码,很简单,就是一个div里有一段文字,我们为这个div添加了一个样式 zn

02

默认情况下,不加任何样式时,这段文字的间距是很小的,如图

03

为了添加文字的间距,我们可以添加letter-spacing的样式,添加一个zn的样式名,样式代码为 letter-spacing: 12px就是每个文字间会有12像素的间距。

04

再运行页面,就可以看到效果了。文字间的间距明显加大了。