首页前端开发JavaScripthtml怎么修改字体大小

html怎么修改字体大小

时间2024-01-29 16:02:03发布访客分类JavaScript浏览203
导读:收集整理的这篇文章主要介绍了html怎么修改字体大小,觉得挺不错的,现在分享给大家,也给大家做个参考。htML修改字体大小的方法:1、使用font标签,语法格式“字体文本”;2、在包含字体文本的标签元素中使用style属性,添加“font-...
收集整理的这篇文章主要介绍了html怎么修改字体大小,觉得挺不错的,现在分享给大家,也给大家做个参考。

htML修改字体大小的方法:1、使用font标签,语法格式“字体文本”;2、在包含字体文本的标签元素中使用style属性,添加“font-Size:值; ”样式即可。

本教程操作环境:windows7系统、CSS3& & HTML5版、Dell G3电脑。

方法1:使用font标签

font> 规定文本的字体、字体尺寸、字体颜色。

设置字体颜色的语法:

font size="数值">
    字体文本/font>
    

size属性值的范围:从 1 到 7 的数字。浏览器默认值是 3。

示例:

!DOCTYPE html>
    html>
    	head>
    		meta charset="utf-8">
    	/head>
    	body>
    		div>
    测试文本/div>
    		div>
    font size="5">
    测试文本/font>
    /div>
    	/body>
    /html>
    

效果图:

方法2:使用“font-size:值; ”样式

示例:

!DOCTYPE html>
    html>
    	head>
    		meta charset="utf-8">
    	/head>
    	body>
    		div>
    测试文本/div>
    		div style="font-size: 30px;
    ">
    测试文本/div>
    	/body>
    /html>
    

效果图:

css font-size 属性用于设置字体大小。

描述
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large

把字体的尺寸设置为不同的尺寸,从 xx-small 到 xx-large。

默认值:medium。

smaller把 font-size 设置为比父元素更小的尺寸。
larger把 font-size 设置为比父元素更大的尺寸。
length把 font-size 设置为一个固定的值。
%把 font-size 设置为基于父元素的一个百分比值。
inherIT规定应该从父元素继承字体尺寸。

(学习视频分享:css视频教程)

以上就是html怎么修改字体大小的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html

若转载请注明出处: html怎么修改字体大小
本文地址: https://pptw.com/jishu/591294.html
html怎么隐藏div元素 html字体颜色如何设置

游客 回复需填写必要信息