【ＣＳＳ】ＣＳＳの宣言とスタイル

ゆういち

■ＨＴＭＬファイルにＣＳＳで装飾することをＣＳＳの宣言と言います。

■方法は3種類

✔ＨＴＭＬファイルの<head>の中で宣言

✔インラインスタイルで宣言

✔外部スタイル氏と宣言


■ＨＴＭＬファイルの<head>の中で宣言

ＨＴＭＬファイルのテキスト

<div>タグの文字を大きくして赤くしたい

画像1

<head>の中で宣言

<style>タグを使う

<style>

    div {

        プロパティ　：　値　；

　}

</style>

画像2

⇩

画像3

赤くなって大きくなりました。


複数宣言することもできます

画像4

⇩

画像5


■インラインスタイルで宣言

HTMLテキストのタグの中でstyle属性を使います

画像9

⇩

画像10

■外部スタイルシートで宣言

CSSファイルを別に作り、リンクさせる。

画像6

リンク方法はこちら⇩

画像7

<head>の中に<link ～>を入力。CSSファイルのファイル名でリンク。

画像8

同じようにこうなります。

今回は善逸くんであそんでみました(^^♪

CSSの宣言の仕方が3通りあるのですが、基本的には外部スタイルシートをリンクさせるようです。

それぞれの特性を理解して効果的に使っていきたいですね。

この記事が気に入ったらサポートをしてみませんか？