WEBデザインスクール・5

WEBデザインのスクールで学んだことを覚え書きのつもりで
更新しているのですが、時間が経つと忘れてしまうし、
使わなければ思い出すことさえなく・・・なんだか虚しさを感じる今日この頃。

愚痴っぽくなってないで・・・

さてさて、「CSSファイルをどういう風に整理するか」ですが、
これが正しいというのではなく、わかりやすい分け方として、

　1.ブラウザの設定をリセットするCSS（自分がよく使うもの）
　　base.css

　2.サイトで共通のもの
　　common.css

　3.各ページの独自に設定するもの（ページごと）

以上を一つのCSSフォルダに入れておくという考え方

では、では、ご紹介します。
私のbase.css・・・（こんなんでいいのかな(^^;）

*{
margin: 0;
padding: 0;
}

body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:13px;
line-height:1.2em;
}

ul,ol{
list-style:none;
}

table{
border-collapse:collapse;
border:none;
}

img{
border:none;
}

.mb05{ margin-bottom: 5px!important;}
.mb10{ margin-bottom: 10px!important;}
.mb15{ margin-bottom: 15px!important;}
.mb20{ margin-bottom: 20px!important;}

.clearfix:after{
content:url(pixel.gif);
display:block;
clear:both;
height:0;
}
.clearfix{display:inline-block;}
.clearfix{display:block;}

a{
text-decoration:none;
}