html网页设计中如何改变字体大小?

 时间:2026-02-16 09:38:33

1、      首先,我们打开Dreamweaver创建一个html网页;

html网页设计中如何改变字体大小?

html网页设计中如何改变字体大小?

2、      在网页中输入一段文字,用鼠标右键打开列表,点击【页面属性】;

html网页设计中如何改变字体大小?

html网页设计中如何改变字体大小?

3、      在【外观(css)】中可以看到【大小】,选择合适的字号之后,应用后确定,我们可以看到,文字大小发生了改变;

html网页设计中如何改变字体大小?

4、       如果只想改变一行文字的字体大小,可以利用<font></font>这对标签;

       将界面切换到【拆分】,同时显示网页和代码;

       在网页中再输入一行文字,然后在这段文字的代码前后使用<font></font>标签,在标签里写上【 style=“”】,将上方的font-size: 24px复制到双引号里,修改数值为18px;

      可以看到文字大小发生了更改,数值的大小会影响文字大小;

html网页设计中如何改变字体大小?

5、      如果还有其他行文字需要同等大小,就在<font></font>标签里;

      如果使用开始设置的字号,就在<font></font>标签外。

html网页设计中如何改变字体大小?

html网页设计中如何改变字体大小?

6、注意要点:

      1、<font></font>标签的style属性可以修改字体大小;

      2、标签成对出现,要注意前后位置;是段落标签;

      3、外观(CSS)中可以选择整个页面的字号,外观(THML)没有字号选择;

      4、<font style="font-size: 18px"></font>要注意空格和英文双引号。

html网页设计中如何改变字体大小?

  • 阅读量:132
  • 阅读量:116
  • 阅读量:147
  • 阅读量:31
  • 阅读量:133
  • 热门搜索
    旅游线路推荐 三亚旅游攻略自由行 天津旅游景点大全 宜宾旅游 太原旅游职业学院 武当山旅游 兰州旅游景点 银川旅游攻略 暑假旅游 春秋旅游