html如何设置字体大小

html如何设置字体大小

在制作网页的过程中，为了不同的效果和浏览需求，常常需要根据内容设置不同大小的字体，那么如何根据我们的需要设置Html页面中字体的大小呢？

打开dreamweaver以后，新建一个HTML页面，为了方便起见，我们直接在代码窗口编写3个段落标签

标签做演示。给其中的三个

标签分别添加了类选择器class,分别给一个名称，然后在样式中分别给类选择器添加样式：

方法一：这里就是添加设置字体大小的样式font-size:30px; 30px代表设置的字体大小是30个像素，是固定的。

方法二： font-size:2em, 这里的字体大小设置了2个em, em是的值是可以动态变化的，浏览器默认16px=1em,我们可以改变其大小，比如20px=1em等。

这两种方法都可以设置字体大小。

下图中是以像素设置的字体大小最终效果。

下面是以em设置的字体大小效果。