2018-12-01

css：リセットCSS



css：リセットCSS

参考：
http://www.html5-memo.com/first-html5/html5-002/

リセットCSSとは、各ブラウザが独自にもっているデフォルトスタイルをリセットするスタイルシートのこと。

上記のサイトを参考に、以下のリセットCSSを作成した。

reset.csspp
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
/*要素のフォントサイズやマージン・パディングをリセット*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
img, small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td,
audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:140%;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:0.5em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
投稿者 時刻: