HTML頁面仿WORD樣式


  公司要求不再瀏覽器中添加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>

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

(部分內容摘抄自他人撰寫內容,如有意見請聯系作者更改)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM