/**
* @blockquote : HTML中的<blockquote>元素(或者 HTML 块级引用元素),代表其中的文字是引用内容。
* @pre : pre 元素可定义预格式化的文本
* @hr : hr 元素在 HTML 页面中创建一条水平线
* @figure : figure 元素标记文档中的一个图像
* @caption : caption 元素定义表格标题
* @fieldset :fieldset 标签将表单内容的一部分打包,生成一组相关表单的字段
* @legend : legend 元素为fieldset元素定义标题
* @menu : menu 标签定义菜单列表
**/
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
margin: 0; /*外边距*/
padding: 0; /*内边距*/
}
/**
* 以下的元素大部分来自html5规范中新增元素
*
* @header : header 元素表示一组引导性的帮助。
* @footer : 页脚元素
* @section : section 标签定义文档中的节
* @article : article 元素表示文档、页面、应用或网站中的独立结构
* @aside : aside 标签定义其所处内容之外的内容,如广告、引用、侧边栏等等
* @nav : HTML导航栏 (<nav>) 描绘一个含有多个超链接的区域,这个区域包含转到其他页面,或者页面内部其他部分的链接列表.
* @hgroup : 标签对网页或区段(section)的标题进行组合
* @address : 可定义一个地址(比如电子邮件地址)
* @figure : figure 元素标记文档中的一个图像
* @figcaption : figure 元素的标题
* @menu : menu 标签定义菜单列表
* @details : 标签用于描述文档或文档某个部分的细节
*
**/
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
display: block;
}
table {
border-collapse: collapse; /*合并单元格*/
border-spacing: 0; /*设置相邻单元格的边框间的距离*/
}
/**
* @caption : caption 元素定义表格标题
* @th : 定义表格内的表头单元格
*/
caption, th {
text-align: left;
font-weight: normal;
}
/*
* @abbr : 标签指示简称或缩写
*/
html, body, fieldset, img, iframe, abbr {
border: 0;
}
/**
* @i : 标签呈现斜体的文本
* @cite : 标签定义作品(比如书籍、歌曲...)的标题
* @em : 标签中的文本内容表示特别强调的部分
* @var : 标签表示变量的名称,或者由用户提供的值
* @address : 同上
* @dfn : 可标记那些对特殊术语或短语的定义
**/
i, cite, em, var, address, dfn {
font-style: normal;
}
/**
* @[hidefocus] : 即隐藏聚焦,具有使对象聚焦失效的功能
* @summary : 定义了表格内容的摘要
*
**/
[hidefocus], summary {
outline: 0; /*绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用*/
}
li {
list-style: none;
}
/**
* @small : <small> 标签呈现小号字体效果
***/
h1, h2, h3, h4, h5, h6, small {
font-size: 100%;
}
/**
* @sup : <sup> 可定义上标文本
* @sub : <sub> 可定义下标文本
**/
sup, sub {
font-size: 83%;
}
/**
* @pre : 同上
* @code : 标签用于表示计算机源代码或者其他机器可以阅读的文本内容
* @kbd : 标签定义键盘文本
* @samp : 标签表示一段用户应该对其没有什么其他解释的文本字符。要从正常的上下文抽取这些字符时,通常要用到这个标签。
***/
pre, code, kbd, samp {
font-family: inherit;
}
/**
* @q : 标签定义一个短的引用。 浏览器经常会在这种引用的周围插入引号
**/
q:before, q:after {
content: none;
}
textarea {
overflow: auto;
resize: none; /*不可缩放*/
}
label, summary {
cursor: default;
}
a, button {
cursor: pointer;
}
/*
* @b : 加粗文本
**/
h1, h2, h3, h4, h5, h6, em, strong, b {
font-weight: bold;
}
/**
* @del : 定义被删除的文本
* @ins : 定义被插入的文本
* @u : 为文本添加下划线
* @s : 标签可定义加删除线文本定义
***/
del, ins, u, s, a, a:hover {
text-decoration: none;
}
/**
* @select : 定义下拉框
* @keygen : <keygen> 标签规定用于表单的密钥对生成器字段
**/
body, textarea, input, button, select, keygen, legend {
font: 12px/1.14 arial, \5b8b\4f53; /*\5b8b\4f53-->宋体*/
color: #333;
outline: 0;
}
body {
background: #fff;
}
a, a:hover {
color: #333;
}