html仿word页⾯,HTML+CSS⼊门HTML页⾯仿WORD样式详
解
本篇教程介绍了HTML+CSS⼊门 HTML页⾯仿WORD样式详解,希望阅读本篇⽂章以后⼤家有所收获,帮助⼤家HTML+CSS⼊门。
<
要求不再浏览器中添加office插件的前提下。展⽰WORD⽂档中的内容要求⼀⼀对应。经过查询资料以及调整,得出如下相关资料:
1 标题样式:
⽬录 -- 宋体 ⼩⼆ 加粗
⼀级标题 -- 微软雅⿊ 四号 加粗
1 XXX
⼆级标题 -- 微软雅⿊ ⼩四 加粗
1.1 XXX
三级标题 -- 微软雅⿊ ⼩四 加粗
1.1.1 XXX
表格标题 -- 宋体 五号 加粗
正⽂⽂本 -- 宋体 ⼩四
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
css表格样式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
本⽂由职坐标整理发布,欢迎关注职坐标WEB前端HTML/CSS频道,获取更多HTML/CSS知识!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论