zoukankan      html  css  js  c++  java
  • 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

    (部分内容摘抄自他人撰写内容,如有意见请联系作者更改)

  • 相关阅读:
    [转]Java连接oracle数据库实例
    class.forname().newInstance()
    使用jdbc调用Oracle报错:ORA00911 无效字符
    使用HttpWebRequest需要设置Accept和UserAgent属性
    IIS应用程序池(进程池)假死问题解决办法
    windows调试工具集
    广东电信最新DNS更新了
    Web2.0样式
    一个开源的flash幻灯片展示源码文件
    Microsoft Visio2003 简体中文版 下载
  • 原文地址:https://www.cnblogs.com/yazoon/p/6722469.html
Copyright © 2011-2022 走看看