CSSの紹介
CSSは、Webページのスタイル設定に使用する言語です。
CSSとは何ですか？
- CSSはCascadingStyleSheetsの略です
- CSSは、HTML要素が画面、紙、またはその他のメディアにどのように表示されるかを記述します
- CSSは多くの作業を節約します。複数のWebページのレイアウトを一度に制御できます
- 外部スタイルシートはCSSファイルに保存されます
CSSデモ-1つのHTMLページ-複数のスタイル！
ここでは、4つの異なるスタイルシートで表示された1つのHTMLページを示します。以下の「スタイルシート1」、「スタイルシート2」、「スタイルシート3」、「スタイルシート4」のリンクをクリックして、さまざまなスタイルを確認してください。
CSSを使用する理由
CSSは、さまざまなデバイスや画面サイズの表示のデザイン、レイアウト、バリエーションなど、Webページのスタイルを定義するために使用されます。
CSSの例
body
{
background-color: lightblue;
}
h1
{
color: white;
text-align: center;
}
p
{
font-family: verdana;
font-size: 20px;
}
CSSは大きな問題を解決しました
HTMLは、Webページをフォーマットするためのタグを含むことを意図したものではありませんでした。
HTMLは、次のようなWebページのコンテンツを説明するために作成されました。
<h1>これは見出しです</ h1>
<p>これは段落です。</ p>
<font>のようなタグや色の属性がHTML3.2仕様に追加されたとき、それはWeb開発者にとって悪夢のようになりました。フォントと色の情報がすべてのページに追加される大規模なWebサイトの開発は、時間と費用のかかるプロセスになりました。
この問題を解決するために、World Wide Webコンソーシアム（W3C）がCSSを作成しました。
CSSはHTMLページからスタイルフォーマットを削除しました！
HTMLが何であるかわからない場合は、HTMLチュートリアルを読むことをお勧めします。
CSSは多くの作業を節約します！
スタイル定義は通常、外部の.cssファイルに保存されます。
外部スタイルシートファイルを使用すると、1つのファイルを変更するだけで、Webサイト全体の外観を変更できます。