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

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知识！

html 仿word页面,HTML+CSS入门 HTML页面仿WORD样式详解相关推荐

css 高度塌陷_HTML+CSS入门 HTML高度塌陷以及定位详解
本篇教程介绍了HTML+CSS入门 HTML高度塌陷以及定位详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 高度塌陷的含义: 父元素的高度,默认被子元素撑开,目前来讲 ...
html代码复用 extends,HTML+CSS入门 HTML的extends和include详解
本篇教程介绍了HTML+CSS入门 HTML的extends和include详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < html> Title * { ma ...
制作html表白页面,HTML+CSS入门表白页面实例讲解
本篇教程介绍了HTML+CSS入门表白页面实例讲解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门.< 目录文件结构: index.html + jquery\jquery-1 ...
css三种定位都脱离文档流了吗,CSS布局之脱离文档流详解——浮动、绝对定位脱离文档流的区别...
1.代码 (1)示例代码1 CSS布局之脱离文档流详解--浮动.绝对定位脱离文档流的区别 .left { width: 300px; height: 500px; background: red; f ...
nodeJS入门——新建一个项目及代码详解
nodeJS入门--新建一个项目及代码详解有了解nodejs的童鞋们知道,nodejs有很多的依赖,那么我们在新建一个项目的时候,如何快速的导入这些依赖从而创建一个nodejs项目呢,接下来会 ...
JSX设置CSS样式详解
JSX设置CSS样式详解 1. 使用className设置样式(CSS的其他选择器也是同理) (1)定义一个CSS文件style.css,和普通CSS一样定义class选择器 .sty1{//和普通C ...
python编程入门与案例详解课后题答案-Python入门之三角函数sin()函数实例详解
描述 sin()返回的x弧度的正弦值. 语法以下是sin()方法的语法: importmath math.sin(x) 注意:sin()是不能直接访问的,需要导入math模块,然后通过math静态对 ...
python编程入门与案例详解pdf-Python入门之三角函数sin()函数实例详解
描述 sin()返回的x弧度的正弦值. 语法以下是sin()方法的语法: importmath math.sin(x) 注意:sin()是不能直接访问的,需要导入math模块,然后通过math静态对 ...
python教程三角函数_Python入门之三角函数tan()函数实例详解
描述 tan() 返回x弧度的正弦值. 语法以下是 tan() 方法的语法: import math math.tan(x) 注意:tan()是不能直接访问的,需要导入 math 模块,然后通过 m ...

html 仿word页面,HTML+CSS入门 HTML页面仿WORD样式详解

html 仿word页面,HTML+CSS入门 HTML页面仿WORD样式详解相关推荐

最新文章

热门文章