问答网

当前位置: 首页 > 知识问答 > 怎样调整网页字体大小

怎样调整网页字体大小

知识问答 浏览4次

要调整网页字体大小,可以使用HTML的<style>标签或者CSS来实现,具体操作如下:

1、在<head>标签内添加<style>标签,然后在<style>标签内设置CSS样式,将字体大小设置为20像素:

<!DOCTYPE html><html><head>  <style>    body {      font-size: 20px;    }  </style></head><body>  <p>这是一个示例文本。</p></body></html>

2、使用CSS选择器直接修改特定元素的字体大小,将所有段落(<p>标签)的字体大小设置为20像素:

<!DOCTYPE html><html><head>  <style>    p {      font-size: 20px;    }  </style></head><body>  <p>这是一个示例文本。</p></body></html>

3、通过JavaScript动态修改网页元素的字体大小,将页面上所有的段落(<p>标签)的字体大小设置为20像素:

<!DOCTYPE html><html><head>  <script>    function setFontSize() {      var paragraphs = document.getElementsByTagName("p");      for (var i = 0; i < paragraphs.length; i++) {        paragraphs[i].style.fontSize = "20px";      }    }  </script></head><body onload="setFontSize()">  <p>这是一个示例文本。</p></body></html>