CSSスキル - 第1章 Lesson4

インラインCSSを書いてみよう

   

テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール
月額2500円で500以上のレッスンが受けられます

このスキルのデータをダウンロード: Windows Mac

インラインCSSを利用したCSSの書き方について、初心者向けに解説しています。



この動画で学べること

・インラインCSSの書き方



インラインCSSの書き方

前回はHTMLのタグに直接スタイルを記述する方法を学びましたが、今後この方法を廃止される方向にあります。
同じくインラインCSSもHTMLファイルに書くのですが、こちらは今後も廃止されないので、書き方を覚えておきましょう。



インラインCSSは、<head>内に書いていきます。
<style>タグを書き、その中にセレクタ(どの要素に)プロパティ(何を)値(どのようにかけるか)を記述していきます。
では実際にヘッダー部分にこの方法でスタイリングしてみましょう。



<head>
<meta charset="utf-8">
<title>インラインCSSを記述してみよう</title>

<style>
header{
background-color: #3BD5D4;
}
</style>


</head>



ここまでできたら 、保存してブラウザで見てみましょう。
背景の色を変更することができました。