CSSスキル - 第1章 Lesson7

importタグを使ってCSSを読み込む方法

   

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

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

importタグを使って、外部CSSファイルを読み込む方法について、初心者向けに解説しています。



この動画で学べること

・importタグを使って、CSSにスタイルシートをを読み込ませる方法



importタグを使って、CSSにスタイルシートをを読み込ませる方法

HTMLにスタイルシートを読み込ませる以外にも、importタグを使って、CSSにスタイルシートをを読み込ませる方法もあります。
スタイルシートの@charset "utf-8";の次の行に、



@import "import.css";


と記述していきましょう。
これで、import.cssを表示させることができています。
では、import.cssを開いて中のコードを編集していきましょう。
文字を真ん中寄せにしていきたいので、bodyの中に text-align:center; を書いていきます。



body {
text-align: center;
background-color: #f9f9f9;
}



ここまでできたら 、保存してブラウザで見てみましょう。
文字真ん中寄せになりました。