html字体大小 html文字大小

Html字体大小设置方法，在HTML中字体如何设置字体大小，文字大小布局设置篇

DIVCSS5通过两种方法让大家掌握html中字体大小改变设置。

1、html font标签设字体大小

2、html css设字体大小

接下来通过html案例介绍字体大小设置教程。

一、html font标签设置字体大小 - TOP

在css之前html中文字设置字体，通常直接对文字使用 font标签设置字体大小样式。

1、html文字大小 font语法结构

<font size="2">我字体大小为2</font>

解释：直接使用font标签内设置size设置字体大小，需要注意不能带单位，一般2相当于12px，3相当于14px大小以此类推。

2、html font字体大小案例 html源代码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>在线演示 DIVCSS5</title> 
</head> 
<body> 
<font size="2">在线演示测试<font size="4">文字</font>， 
欢迎访问DIVCSS5学习网站！</font> 
</body> 
</html>

3、案例截图

Html 字体大小文字大小font标签案例截图

二、html css样式设置字体大小 - TOP

1、css字体大小单词：
Font-size

2、语法结构

div{font-size:20px}

设置 div内文字字体大小为20px

需要注意的css使用font-size设置字体大小值需要带单位，比如px（像素）、EM（相对长度大小单位），一般使用px像素为单位（了解 html单位）。

3、DIVCSS5案例
通过css设置一个 DIV盒子里文字大小为14px,同时设置div盒子里其中几个字字体大小为20px。

完整HTML CSS字体大小实例代码如下：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>在线演示 DIVCSS5</title> 
<style> 
.box{ font-size:14px} 
.box .f20{ font-size:20px} 
</style> 
</head> 
<body> 
<div class="box"> 
在线演示测试<span class="f20">文字</span>，欢迎访问DIVCSS5学习网站！ 
</div> 
</body> 
</html>

案例效果截图

使用css设置html字体大小截图

4、以上 div css案例通过对对象里文字设置14px大小，同时又对其中文字设置不同字体大小，根据以上案例灵活应用css font-size使用。

当然除了外部CSS设置html中字体大小，同时还可以直接对 html标签里设置style属性设置字体大小。

<div style=”font-size:20px”>我字体大小为20px</div>

三、演示与下载 - TOP

以上两种设置html文字字体大小方法教程案例，可在线浏览或打包下载查看源代码研究学习。

1、在线演示：

查看案例

2、HTML案例打包下载：

立即下载（0.812KB）

如需转载，请注明文章出处和来源网址： http://www.divcss5.com/html/h719.shtml

必备CSS教程Essential CSS Tutorials

css height
css line-height
css width
css min-width
css max-width
css min-height
css max-height
css border
css background
css float
css clear
css display
css font
css text-transform
css英文首字母大写
css font-variant
css font-weight
css font-style
css text-decoration
css 删除线
div css 虚线
css 注释
html 注释
css padding
css margin
css 文本
css font-size
css font-family
css color
css text-align
css text-indent
css 超链接( css a)
css 优化压缩
css id( css #)
css class( css .)
css ul li列表
css 圆角圆边
css 父级子级
css 指针概念
css cursor
css overflow
html px em pt网页单位
CSS important
CSS position
css z-index
css white-space
css img图片
css class id
css link与@import区别
css 选择器
css引入html

必备HTML基础教程Essential HTML Tutorials

html img图片标签
html em标签( EM强调标签)
html strong加粗( strong标签)
html B加粗( b加粗标签)
strong与B加粗区别
h1 h2 h3 h4标签( html标题标签)
html A超链接锚文本
html注释
html head头部标签
html title标题标签
html meta标签
html link标签
html i斜体标签
html u下划线标签
html s删除线标签
html换行br标签
html p段落标签
p标签与br标签区别
html div标签元素
html span标签
html font标签
html script标签
html px em pt网页单位
html ul li列表
ol li列表
dl dt dd标签组
table tr td表格
table tr th表格
html form表单
html form input
html form textarea文本区域
html select下拉与跳转( Html select)
html iframe框架
html网页结构
htm html shtml区别用法
网页编码charset
UTF-8 GBK UTF8 GB2312区别联系
先写html还是先写CSS
显示扩展名
html标签大全集合
html常用标签
网页源代码是什么