[2016-01-13][html][文档设置标记-格式标记]

html, body {
font-size: 15px;
}

body {
font-family: Helvetica, "Hiragino Sans GB", 微软雅黑, "Microsoft YaHei UI", SimSun, SimHei, arial, sans-serif;
line-height: 1.6;
color: ;
background-color: ;
margin: 0;
padding: 16px 20px;
}

h1, h2, h3, h4, h5, h6 {
margin: 20px 0 10px;
margin: 1.33rem 0 0.667rem;
padding: 0;
font-weight: bold;
}

h1 {
font-size: 21px;
font-size: 1.4rem;
}

h2 {
font-size: 20px;
font-size: 1.33rem;
}

h3 {
font-size: 18px;
font-size: 1.2rem;
}

h4 {
font-size: 17px;
font-size: 1.13rem;
}

h5 {
font-size: 15px;
font-size: 1rem;
}

h6 {
font-size: 15px;
font-size: 1rem;
color: #777777;
margin: 1rem 0;
}

div, p, ul, ol, dl, li {
margin: 0;
}
blockquote, table, pre, code{
margin: 8px 0;
}

ul, ol {
padding-left: 32px;
padding-left: 2.13rem;
}

blockquote {
border-left: 4px solid #dddddd;
padding: 0 12px;
padding: 0 0.8rem;
color: #aaa;
}

blockquote > :first-child {
margin-top: 0;
}

blockquote > :last-child {
margin-bottom: 0;
}

img {
border: 0;
max-width: 100%;
height: auto !important;
margin: 2px 0;
}

table {
border-collapse: collapse;
border: 1px solid #bbbbbb;
}

td {
padding:4px 8px;
border-collapse: collapse;
border: 1px solid #bbbbbb;
}

@media screen and (max-width: 660px) {
body {
padding: 20px 18px;
padding: 1.33rem 1.2rem;
}
}

@media only screen and (-webkit-max-device-width: 1024px), only screen and (-o-max-device-width: 1024px), only screen and (max-device-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3) {
html, body {
font-size: 17px;
}

body {
line-height: 1.7;
padding: 0.75rem 0.9375rem;
color: #353c47;
}

h1 {
font-size: 2.125rem;
}

h2 {
font-size: 1.875rem;
}

h3 {
font-size: 1.625rem;
}

h4 {
font-size: 1.375rem;
}

h5 {
font-size: 1.125rem;
}

h6 {
color: inherit;
}

ul, ol {
padding-left: 2.5rem;
}

blockquote {
border-left: 4px solid #c8d4e8;
padding: 0 0.9375rem;
color: #b3c2dd;
}
}


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

<html>

    <head>

        <title>标题在这里</title>

        <meta charset="utf-8">

    </head>

    <body>

        第一行,<br/>第二行

            <!--<br/>,强制换行标记,单标记,放在需要换行的地方即可-->

            

        <p>第一段</p>

        <p>第二段</p>

            <!--"<p>内容</p>"段落标记,效果是在每段之间添加一个空行-->

            

        <center>中间显示这句话!!!</center>

            <!--<center>内容</center> 让段落或者文字相对于父标记居中显示-->

            

        <pre>这里是pre标记,           看.jk.前面一大段空格没有变成一个空格</pre>

            <!--<pre>内容</pre>,预格式化标记,保存预先编排好的格式-->

            

        <li>第1个</li>

        <li>第2个</li>

        <li>第3个</li>

        <li>第4个</li>

        <li>第5个</li>

            <!--<li>内容</li>,列表项目标记,效果是每个前面加个实心点-->

            <!--注意,<li></li>通常和下面的两个连用-->

            

        <ul>

            <li>第1个</li>

            <li>第2个</li>

            <li>第3个</li>

            <li>第4个</li>

            <li>第5个</li>

        </ul>

            <!--<ul>列表</ul>,无序列表,列表,不过前面没有东西-->

        

        <ol type="A">

                <!--type属性值

                    1 阿拉伯数字,默认的type属性值

                    A 大写字母A,B,C 超过26,就变成AA,AB...

                    a 小写字母a,b,c

                    I 大写罗马数字

                    i 小写罗马数字

                -->

                <!--value属性,指定新的序列数字起始值,从当前开始,从这个数字计数-->

            <li>第1个</li>

            <li>第2个</li>

            <li value = 9>>第3个</li>

            <li>第4个</li>

            <li>第5个</li>

        </ol>

            <!--<ol>内容</ol>,有序列表前面加上序号-->

            

            

            

        <dl>

        <dt>软件说明:</dt>

        <dd>简单介绍软件的功能及基本应用</dd>

        <dt>软件界面</dt>

        <dd>用于选择软件的外观</dd>

        </dl>

            <!--类似列表的嵌套-->

            

        这是上面<hr>这是下面

            <!--<hr>,单标记,显示一个水平分隔符-->

            

        <div>

        这是一段哦

        </div>

                <!--<div>内容</div> 层标记,用来编排一大段的html段落-->

    </body>

</html>

来自为知笔记(Wiz)

时间: 2024-10-06 00:46:26

[2016-01-13][html][文档设置标记-格式标记]的相关文章

HTML文档的经常使用标记

一.HTML文档中经常使用的标记有文字标记.段落标记.列表标记.超链接标记.图像标记.表格标记.框架标记和多媒体标记,以下对这些经常使用标记进行介绍: 1.文字标记:文字是网页重要的组成部分之中的一个,通过使用标题标记.文字格式标记和文字样式标记来改变枯燥乏味的文字.能够使浏览者更有效的浏览网页.以下对标题标记.文字格式标记和文字样式标记进行介绍: 1.1.标题标记<hn>...</hn>: (1).在浏览网页时经常看到一些标题文字,用来划分各个章节,在HTML文档中能够使用标题标

怎么把Word文档转为PDF格式

怎么把Word文档转为PDF格式?现在的人大多数都喜欢用PDF格式来进行阅读,这是因为PDF文件有不错的视觉阅读性和保护性.但对于文员编辑来说,Word文档才是他们编辑资料的主要工具.有时候为了保障文件资料的安全,我们需要把编辑好Word文档转换成PDF格式,这样做主要是为了方便阅读和进行编辑和修改,同时大大的提高了我们的工作效率.那么问题来了,怎么把Word文档转为PDF格式呢?下面我们就一起来看看下面的介绍! 其实我们只需要一款专业的转换器就可以将Word文档转换成PDF格式."迅捷PDF转

如何把文档从pdf格式转换成word格式

在求职时,你会不会为简历的格式而犯愁,Word文档还是PDF格式呢?Word好编辑,PDF好阅读.一般统一都是Word多些吧,但是HR也会经常收到PDF格式的简历.PDF 是一个很有价值的工具,求职者是否 care 这份机会,是否珍视他自己的专业经历,很大一部分会反映到排版的认真程度.有些HR还会比较欣赏愿意花时间把Word转成PDF格式的候选人,因为这样做会让简历阅读的感觉比较好.但是很多公司有自己的招聘系统Word一般支持附件解析,可如果是PDF格式,那么把简历录入系统基本就需要手动完成了,

word文档设置自动保存时间

为了防止自己写文档的时候忘了点击保存的按钮,导致辛苦写的文档丢失... 大家看图说话! 1.可以设置自动保存时间的间隔 2.保存位置 3.自己看图吧.... 原文地址:https://www.cnblogs.com/syaving/p/8734395.html

java文档注释 编写格式

java 文档注释 在sun主页上有java文档注释的编写格式 How to Write Doc Comments for the Javadoc Tool http://java.sun.com/j2se/javadoc/writingdoccomments/ 不过是英文的 @author dfeixtay @version 0.10 2010-10-04 1 注释文档的格式注释文档将用来生成HTML格式的代码报告,所以注释文档必须书写在类.域.构造函数.方法.定义之前.注释文档由两部分组成—

WPS文档转PDF格式的方法是什么

PDF文件具有占内存小,便捷,原有的东西不被修改等特点,因此深受办公人员的信赖与使用,而WPS文件也是职场中使用较多的文件格式,通常文件的撰写,编辑,修改亦都是进行的WPS工具.但通常保存重要文件的时候都需要将WPS文件转换为PDF文件,今天的文章内容就跟大家讲解一下如何将WPS文件转换为PDF文件.操作工具:[迅捷PDF在线转换器]第一步:打开电脑在电脑的桌面上准备好需要转换的WPS文件并进入浏览器内搜索"迅捷PDF转换器"找到相对应的页面点击进入.第二步:进入到在线转换器的首页后,

将文档从pdf格式转成word

作为网络上传送文件公认的格式,PDF有很多的优势,用户可以在任何电脑上浏览或是打印PDF文件,而且文件转换成PDF后,可以方便的在网络上传输以及快速的显示页面.PDF的文件内容与印刷品一致,降低其他设计文件转换成印刷用的格式会有损坏风险.完整的保留了文件原有的格式,颜色,字体和图像,方便于印刷前校对效果是否有误.也正因为它的优点,是PDF文件的编辑变成困难,人们在网络上下载的资料,总是希望变成可编辑的形式,可以这样愿望却似乎不太实现. 将PDF转换成Word是一个比较大众的方式,Word是我们常

C#实现office文档转换为PDF格式

需要安装office 2007 还有一个office2007的插件OfficeSaveAsPDFandXPS 下载地址 [url]http://www.microsoft.com/downloads/details.aspx?FamilyId=4D951911-3E7E-4AE6-B059-A2E79ED87041&displaylang=en[/url] 这是一个微软官方出的office插件. office2010里好像能直接将文件另存为.PDF格式的 安装好之后,打开VS,以VS2005为例

【转】WPS文档怎么清除格式

原文网址:http://jingyan.baidu.com/article/c74d600060dc4a0f6a595d21.html 我们知道有时候如果我们粘贴了别的地方的文字到自己的文档里来,就会发生格式错乱的现象,那么我们可以通过清除格式的方式来解决这一问题,具体做法就由小编来告诉大家吧 方法/步骤 首先打开自己已经复制粘贴好的word文档,然后将鼠标移动到文档的左上角WPS文字处   在这里我们可以发现有好多下拉菜单,然后可以在里面找到我们可以进行操作的选项   在下拉菜单里我们可以看到