CSSの紹介
CSSは、Webページのスタイルを設定するために使用する言語です。
CSSとは？
- CSSは Cascading Style Sheetの略です。
- 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 Consortium(W3C)はCSSを作成しました。
CSSはHTMLページからスタイルの書式設定を削除しました!
CSSは多くの作業を節約します!
スタイル定義は通常、外部の.cssファイルに保存されます。
外部スタイルシートファイルを使用すると、1つのファイルを変更するだけでWebサイト全体の外観を変更できます。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。