美文网首页
HTML页面仿WORD样式

HTML页面仿WORD样式

作者: 木火_magic | 来源:发表于2019-06-14 08:39 被阅读0次

公司要求不再浏览器中添加office插件的前提下。展示WORD文档中的内容要求一一对应。经过查询资料以及调整,得出如下相关资料:

1 标题样式:
目录 -- 宋体 小二 加粗

一级标题 -- 微软雅黑 四号 加粗
 <div style="font-family:微软雅黑;font-size:19px;font-weight: bold;">1  XXX</div> 
二级标题 -- 微软雅黑 小四 加粗
 <div style="font-family:微软雅黑;font-size:16px;font-weight: bold;">1.1  XXX</div>
 三级标题 -- 微软雅黑 小四 加粗
 <div style="font-family:微软雅黑;font-size:16px;font-weight: bold;">1.1.1  XXX</div> 
表格标题 -- 宋体 五号 加粗 
<div style="text-align:center;font-family:宋体;font-size:14px;font-weight: bold;"> </div>
正文文本 -- 宋体 小四 <div style="text-indent:25px;line-height:35px;height:auto;font-family:宋体;font-size:16px;"></div></pre>
2 style 部分标签:
加粗:font-weight: bold;  
斜体:font-style: italic;
font-style:设定字体样式。normal 默认/italic,oblique斜体;
font-weight:设定字体粗细。normal 默认/bold 粗体/bolder 比bold更粗/lighter 比较细的字体
font-size:设定字体大小。字体大小 可以用px表示 默认字体大小为 12px 
font-family:设定字体/“微软雅黑”/“宋体”/“黑体”
3 字号、pt、px、em换算对照表:
初号 42pt 56px 3.5em

小初 36pt 48px 3em

34pt 45px 2.75em

32pt 42px 2.55em

30pt 40px 2.45em

29pt 38px 2.35em

28pt 37px 2.3em

27pt 36px 2.25em

一号 26pt 35px 2.2em

25pt 34px 2.125em

小一 24pt 32px 2em

二号 22pt 29px 1.8em

20pt 26px 1.6em

小二 18pt 24px 1.5em

17pt 23px 1.45em

三号 16pt 22px 1.4em

小三 15pt 21px 1.3em

14.5pt 20px 1.25em

四号 14pt 19px 1.2em

13.5pt 18px 1.125em

13pt 17px 1.05em

小四 12pt 16px 1em

11pt 15px 0.95em

五号 10.5pt 14px 0.875em

10pt 13px 0.8em

小五 9pt 12px 0.75em

8pt 11px 0.7em

六号 7.5pt 10px 0.625em

7pt 9px 0.55em

小六 6.5pt 8px 0.5em

七号 5.5pt 7px 0.4375em

八号 5pt 6px 0.375em</pre>

相关文章

  • HTML页面仿WORD样式

    公司要求不再浏览器中添加office插件的前提下。展示WORD文档中的内容要求一一对应。经过查询资料以及调整,得出...

  • 认识CSS(1)

    1、CSS的定义 css指层叠样式表,以html为基础,控制页面布局和样式 html:页面结构 css:页面样式表...

  • Vue导出页面为word

    由于导出word时,页面样式无法正常使用,因此整体页面采用table布局,尽在几个地方添加style样式,没有其余...

  • 2019-03-28职业详情

    主页面.HTML 外部样式.css

  • 2019-03-28制作百度音乐标签页面

    主页面.html 外部样式.css

  • Django学习知识框架

    一、网页前端:(HTML、CSS 、JavaScript) HTML 定义了页面内容;CSS 控制页面元素的样式;...

  • 前端知识 | css样式的引用方式及不用引用方式的解析优先级

    在html页面中引用css的方式有3种:分别是内联样式、内部样式和外联样式。 一、 内联样式 内联样式写在html...

  • 前端

    HTML 一个基本html页面 网页的构成 结构(HTML)描述页面结构表现(CSS) 控制页面中元素样式行为(J...

  • html阶段第一节第一天

    网页组成 HTML 页面结构 CSS 页面样式表现 JavaScript 交互行为 HTML 结构标签 Docty...

  • HTML笔记 9.6

    前端三大块一、HTML负责页面结构二、CSS负责页面样式,美化页面三、JavaScript负责页面行为 HTML超...

网友评论

      本文标题:HTML页面仿WORD样式

      本文链接:https://www.haomeiwen.com/subject/iewyfctx.html