defaultスタイルシートに、初期のスタイルを記述!
default.css
* {
margin: 0;
padding: 0;
background: transparent;
font-size: 100%;
}
body {
line-height: 1.45;
font-family: Arial, Helvetica, sans-serif;
}
ブラウザのデフォルトスタイルシートクリアとかです。
あとは、標準のリンクの色指定と、hover時の色指定、imgのborder: none;あたりをいれておきます。imgのborder: none;はIEのリンク時に出るボーダーを消してくれます。aのボーダーかなとか思って、a {border: none;}とかやっても消えてくれませんのでご注意を。
あとは、右側の点線、footerのところのボーダーもひいてみます。
これはcommon.cssのほうに記述。
common.css
/*--------------------
header
--------------------*/
div#header {
border-right: 1px dotted #ccc;
width: 760px;
position: relative;
}
/*--------------------
content
--------------------*/
div#content {
border-right: 1px dotted #ccc;
width: 760px;
}
/*--------------------
footer
--------------------*/
div#footer {
border-top: 1px solid #ccc;
}