フロントエンドのクラシックCSSリセット:Meyer Reset

/ **
* Eric MeyerのリセットCSS v2.0(http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
* /

html、body、div、span、applet、object、iframe、h1、h2、h3、h4、h5、h6、p、blockquote、pre、
a、abbr、acronym、address、big、cite、code、del、dfn、 em、img、ins、kbd、q、s、samp、
small、strike、strong、sub、sup、tt、var、b、u、i、center、dl、dt、dd、ol、ul、li、fieldset、フォーム、ラベル、凡例、
テーブル、キャプション、tbody、tfoot、thead、tr、th、td、記事、脇、キャンバス、詳細、埋め込み、図、figcaption、フッター、ヘッダー、
メニュー、nav、出力、ルビー、セクション、 summary、time、mark、audio、video、input {
margin:0;
パディング:0;
ボーダー:0;
font-size:100%;
font-weight:通常;
垂直方向に整列:ベースライン;
}
/ *古いブラウザのHTML5表示ロールのリセット* /
記事、脇、詳細、figcaption、図、フッター、ヘッダー、メニュー、ナビゲーション、セクション{
display:block;
}
body {
line-height:1;
}
blockquote、q {
quotes:none;
}
blockquote:before、blockquote:after、
q:before、q:after {
content:none;
}
table {
border-collapse:collapse;
ボーダー間隔:0;
}


/ *カスタム* /
a {
color:#7e8c8d;
text-decoration:なし。
-webkit-backface-visibility:隠し;
}
li {
リストスタイル:なし。
}


::-webkit-scrollbar {
width:5px;
高さ:5px;
}
::-webkit-scrollbar-track-piece {
background-color:rgba(0、0、0、0.2);
-webkit-border-radius:6px;
}
::-webkit-scrollbar-thumb:vertical {
高さ:5px;
背景色:rgba(125、125、125、0.7);
-webkit-border-radius:6px;
}
::-webkit-scrollbar-thumb:horizo​​ntal {
width:5px;
背景色:rgba(125、125、125、0.7);
-webkit-border-radius:6px;
}
html、body {
width:100%;
高さ:100%;
}
body {
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0、0、0、0);
}


/ *楕円を表示* /
.ellipsis {
overflow:hidden;
text-overflow:ellipsis;
white-

元の記事を45件公開しました 賞賛されました3 訪問2566

おすすめ

転載: blog.csdn.net/Hotice888/article/details/105476841