html如何设置字体大小

作者:哈哈小脸 | 创建时间: 2023-06-18
在制作网页的过程中,为了不同的效果和浏览需求,常常需要根据内容设置不同大小的字体,那么如何根据我们的需要设置Html页面中字体的大小呢?...
html如何设置字体大小

操作方法

打开dreamweaver以后,新建一个HTML页面,为了方便起见,我们直接在代码窗口编写3个段落标签<p>标签做演示。给其中的三个<p>标签分别添加了类选择器class,分别给一个名称,然后在样式中分别给类选择器添加样式: 方法一:这里就是添加设置字体大小的样式font-size:30px; 30px代表设置的字体大小是30个像素,是固定的。 方法二: font-size:2em, 这里的字体大小设置了2个em, em是的值是可以动态变化的,浏览器默认16px=1em,我们可以改变其大小,比如20px=1em等。 这两种方法都可以设置字体大小。

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

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

点击展开全文

更多推荐