無料お金儲け得するサイト総合topへ サイトマップ

CSSでホームページをデザインする。

CSS(カスティングスタイルシート）は、あなたのホームページをクールにデザインするのに必要になるスキルです。
最初は少しむつかしく感じるかもしれませんが、理屈さえ解れば簡単なのでがんばって理解してください。

カスティングスタイルシート（CSS）を使う準備をする

親要素から子要素への継承

スタイルシートでは、プロパティが通常親要素から子要素に継承されます。

継承とは，親要素で指定したプロパティが子要素に引き継がれる仕組みのことで、<body>要素で文字の色を赤に設定した場合、<body>要素の子要素にあたる<P>要素の文字も親要素である<body>要素の設定が引き継がれて赤になります。

たとえば、下記の文章は、<p>が親要素で<em>が子要素になり、<p>で指定した値は、<em>で何も指定しなければ子要素である<em>に継承されます。

<p>わたしは、<em>映画</em>が大好きだ</p>

子要素へ親要素と違う設定をする場合は

CSSファイル内に同じ対象に対する記述が２つある場合、常に後ろのほうの記述が前のほうの記述を上書きして適用される。

つまり<body>要素で文字の色を赤に設定し、そのあとに<p>要素に文字の色を黒に設定すれば、<p>要素は、黒い文字で表示されます。

たとえば下記の文章では、親要素である<p>要素で文字の色を赤に指定し次に<em>要素に黒を指定した場合は、子要素の<em>は、黒になります

<p>わたしは、<em>映画</em>が大好きだ</p>