html常用的字体样式

html-css019

html常用的字体样式,第1张

font-family:'Microsoft YaHei'。

1、网页字体样式华文黑体:STHeiti

2、网页字体样式华文楷体:STKaiti

3、网页字体样式华文宋体:STSong

4、网页字体样式华文仿宋:STFangsong

5、网页字体样式黑体:SimHei

6、网页字体样式宋体:SimSun

7、网页字体样式新宋体:NSimSun

8、网页字体样式仿宋:FangSong

9、网页字体样式楷体:KaiTi

10、网页字体样式仿宋_GB2312:FangSong_GB2312

11、网页字体样式楷体_GB2312:KaiTi_GB2312

12、网页字体样式微软正黑体:Microsoft JhengHei

13、网页字体样式微软雅黑体:Microsoft YaHei

14、网页字体样式隶书:LiSu

15、网页字体样式幼圆:YouYuan

16、网页字体样式华文细黑:STXihei

17、网页字体样式华文楷体:STKaiti

18、网页字体样式华文宋体:STSong

19、网页字体样式华文中宋:STZhongsong

20、网页字体样式华文仿宋:STFangsong

21、网页字体样式方正舒体:FZShuTi

22、网页字体样式方正姚体:FZYaoti

23、网页字体样式华文彩云:STCaiyun

24、网页字体样式华文琥珀:STHupo

25、网页字体样式华文隶书:STLiti

26、网页字体样式华文行楷:STXingkai

27、网页字体样式华文新魏:STXinwei

扩展资料

html内容描述

<h1></h1>最大的标题(一号标题)

<pre></pre>预先格式化文本 (英文全称:PREformatted)

<u></u>下划线(英文全称:Underline)

<b></b>黑体字 (英文全称:Bold)

<i></i>斜体字 (英文全称:Italics)

<tt></tt>打字机风格的字体

<cite></cite>引用,通常是斜体

<em></em>强调文本(通常是斜体加黑体、英文全称:EMphasize)

<strong></strong>加重文本(通常是斜体加黑体)

<font size="" color=""></font>设置字体大小从1到7,颜色使用名字或RGB(中文全称:红绿蓝)的十六进制值

<BASEFONT></BASEFONT>基准字体标记

<big></big>字体加大

<SMALL></SMALL>字体缩小

<DELECT></DELECT>加删除线

<CODE></CODE>程式码

<KBD></KBD>键盘字(英文全称:KeyBoarD)

<SAMP></SAMP>范例(英文全称:SAMPle)

<VAR></VAR>变量(英文全称:VARiable)

<BLOCKQUOTE></BLOCKQUOTE>向右缩排(向右缩进、块引用)

<DFN></DFN>述语定义(英文全称:DeFiNe)

<ADDRESS></ADDRESS>地址标记

<sup></SUP>上标字 (英文全称:SUPerscript)

<SUB></SUB>下标字(英文全称:SUBscript)

<xmp>...</xmp>;固定宽度字体(在文件中空白、换行、定位功能有效)

<plaintext>...</plaintext>;固定宽度字体(不执行标记符号)

<listing>...</listing>固定宽度小字体

<font color=00ff00>...</font>;字体 颜色

<font size=1>...</font>;字体 大小等于1(最小)。

<font style ='font-size:100 px'>...</font>;字体 样式等于无限增大(100像素)

参考资料:百度百科:HTML

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<style type="text/css">

.financing{

background-color: #ff8c05

width: 220px

height: 40px

position: absolute 

left:462px

}

.fund{

background-color: grey

width: 220px

height: 40px

position: absolute 

left:682px

}

.content{

background-color: blue

width: 440px

height: 500px

position: absolute

left:462px

top:40px

}

.content2{

background-color: #630863

width: 440px

height: 500px

position: absolute

left:462px

top:40px

}

</style>

<body>

<div align="center" style="width:100%">

 <div>

   <div class="financing">理财</div>

   <div class="fund">基金</div>

   <div class="content"></div>

   <div class="content2">11111111</div>

   </div>

   </div>

</body>

</html>

position: absoluteleft:462pxtop:40px

用定位来实现。。