※当サイトの記事には、広告・プロモーションが含まれます。

今さら聞けないcssのこと

cssは記述していくと上書きされていきます。

/*reset*/

body,h1,h2,h3,h4 {

margin:0;

padding:0;

}

h1{

margin:0 auto;

}

複数cssファイルがある場合もスタイルが上書きされてしまうので、

上書きしたくない場合はタグにclass名やid名をつけましょう。

h1{

margin:0 auto;

font-size:24px;

color:#000;

}

#hoge h1{

margin:10px auto;

font-size:36px;

color:blue;

}

<li class="hoge"></li>の場合スタイルは

li.hoge{

}

<li id="hoge"></li>

#hoge li{

}

という書き方になります、たぶん。

自分はcssファイルが複数ある時に全部にリセットの記述を入れてしまって酷い目に遭いました。

隣のFさんに助けられましたが。

ちなみに、htmlタグにはデフォルト(初期設定)でスタイルが効いてしまってる場合が

あるんで、必ずcssファイルにはリセットを記述しましょう。

css リセット』で検索すればいろいろ見つかります、きっと。