reset.css

body{margin:8px;}

iframe{border:2px;}

th,td{padding:1;}

table{border-spacing:2px;border-collapse:separate;}

dfn{斜体}

<dfn> 标签可标记那些对特殊术语或短语的定义。

现在流行的浏览器通常用斜体来显示 <dfn> 中的文本。将来,<dfn> 还可能有助于创建文档的索引或术语表。

ins{下划线}

kbd{定义键盘文本}

<kbd> 标签定义键盘文本。

说到技术概念上的特殊样式时,就要提到 <kbd> 标签。正如你已经猜到的,它用来表示文本是从键盘上键入的。

浏览器通常用等宽字体来显示该标签中包含的文本。

<kbd> 标签经常用在于计算机相关的文档和手册中。

p{margin-top:16px;margin-bottom:16px;}

samp{font-family: monospace;字体比正常的小}

small{font-size: 13.3333330154419px;}

strong{font-weight: bold;}

sub{font-size: 13.3333330154419px;vertical-align: sub;}

tt{font-family: monospace;}

<tt> 标签呈现类似打字机或者等宽的文本效果。

var{font-style: italic;斜体}

<var> 标签是计算机文档中应用的另一个小窍门,这个标签经常与 <code> 和 <pre> 标签一起使用,用来显示计算机编程代码范例及类似方面的特定元素。

用 <var> 标签标记的文本通常显示为斜体。

h1,h2,h3,h4,h5,h6{margin-top;margin-bottom;font-size;font-weight}

blockquote{margin-top:16px;margin-bottom:16px;margin-left:40px;margin-right:40px;}

<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距)

pre{margin-top-bottom:13px;font-family: monospace;}

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre> 标签的一个常见应用就是用来表示计算机的源代码。

可以导致段落断开的标签(例如标题、<p> 和 <address> 标签)绝不能包含在 <pre> 所定义的块里。

a{color: #551A8B;text-decoration: underline;}

<abbr> 标签指示简称或缩写,比如 "WWW" 或 "NATO"。

通过对缩写进行标记,您能够为浏览器、拼写检查和搜索引擎提供有用的信息。inline

address{

  1. display: block;
  2. font-style: italic;

}

big{

  1. font-size: 19.2000007629395px;

}

cite{

  1. display: inline;
  2. font-style: italic;

}

<cite> 标签通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。inline

按照惯例,引用的文本将以斜体显示。

用 <cite> 标签把指向其他文档的引用分离出来,尤其是分离那些传统媒体中的文档,如书籍、杂志、期刊,等等。如果引用的这些文档有联机版本,还应该把引用包括在一个 <a> 标签中,从而把一个超链接指向该联机版本。

<cite> 标签还有一个隐藏的功能:它可以使你或者其他人从文档中自动摘录参考书目。我们可以很容易地想象一个浏览器,它能够自动整理引用表格,并把它们作为脚注或者独立的文档来显示。<cite> 标签的语义已经远远超过了改变它所包含的文本外观的作用;它使浏览器能够以各种实用的方式来向用户表达文档的内容。

code{

  1. display: inline;
  2. font-family: monospace;

}

dl{margin-top-bottom:16px;display:block;}

dd{margin-left:40px;}

ul{padding-left:40px;margin-top:16px;margin-bottom:16px;display:block;list-style-type:disc;}

li{display:list-item;list-style-type: disc;}

ol{padding-left:40px;margin-top-bottom:16px;display:block;

  1. list-style-type: decimal;

}

fieldset{padding-left:12px;padding-right:12px;padding-top:5.600px;padding-bottom:10px;block;margin-left-right:2px;border:2px;}

legend{block;padding-left:2px;padding-right:2px;}

 

posted @ 2015-06-11 15:08  北极星光  阅读(155)  评论(0编辑  收藏  举报