急いでいます！

HTML reset.cssのどの部分が有効になって、これらを可能にしているか知りたい。

解決済

質問者：エビゾー
質問日時：2017/03/30 15:58
回答数：1件

楽天ストアを構築するのに、htmlとCSSを作っています。
HTML4で書いてます。

下記のソースを書いて、<iframe src="./leftnavi.html" width="200" height="1550" scrolling="no" frameborder="0"></iframe>で表示をさせようとしたのですが、どこかに、幅が取らててピッタリとiframe内に収まってくれませんでした。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">

</style>
<title></title>
</head>

<body>

<ul>
<li><a href="#" target="_top"><img src="./btn_00.jpg" width="200" height="40" alt=""/></a></li>
</ul>
</body>
</html>

以下のreset.cssを読み込ませた所、ピッタリとハマってくれたのですが、どこのがrestされてピッタリとハマってくれたのか理解できてません。

どなたかご教授お願いできませんでしょうか？

@charset "utf-8";
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, fieldset, form, label, legend, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, ul, ol, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
border-bottom: 1px dotted #000;
cursor: help;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select { vertical-align: middle; }
img, img a, img a:hover { border: 0; }