nec的reset檔案摘要

兩儀發表於2015-03-26
/**
* @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, 5b8b4f53; /*5b8b4f53-->宋體*/
    color: #333;
    outline: 0;
}

body {
    background: #fff;
}

a, a:hover {
    color: #333;
}

相關文章