スタイルの付け方
CSSによるスタイル宣言には3種類の方法があります。
- 内部スタイル
- インラインスタイル
- 外部スタイル
宣言ブロックは規則セットでできています。
規則セットは基本的には
セレクタ(セレクタリスト){
プロパティ:値
}
の形でできています。
セレクタは複数個指定できます。その場合はセレクタリストと呼びます。
プロパティと値は:で仕切って一組になりますが,値は形容されるものもあります。
内部スタイル
実行結果
divInternal
ヘッダの中で<style>要素の間に宣言ブロックを作ります。
div{
color:red;宣言
font-size:20px;
}
内部スタイルシート例です。headの中に書きます。
<style>
div{
color:blue;
font-size:20px;
}
</style> <div class="divInternal"></div>
div{
color:red;宣言
font-size:20px;
}
内部スタイルシート例です。headの中に書きます。
<style>
div{
color:blue;
font-size:20px;
}
</style> <div class="divInternal"></div>
インラインスタイル
実行結果
20px
プログラム
インラインスタイルです。
インラインスタイルのほうが優先します。
pやdiv要素の中に記述します。
インラインスタイル例です。
<div style="color:brown;font-size:20px;">20px<div>
インラインスタイルのほうが優先します。
pやdiv要素の中に記述します。
インラインスタイル例です。
<div style="color:brown;font-size:20px;">20px<div>