CSS 入門

什么是 CSS？

  • CSS 指的是层叠样式表* (Cascading Style Sheets)
  • CSSは以下を記述しますHTML要素がスクリーン、紙、または他のメディア上でどのように表示されるかを説明します
  • CSS 多くの労力を節約しました。これにより、複数のウェブページのレイアウトを同時に制御できます
  • 外部スタイルシートは以下に保存されています CSSファイル中

*：また、カascading Style Sheetsと呼ばれます。

CSSデモ - 一つのHTMLページ - 複数のスタイル！

以下は、4つの異なるスタイルシートを提供するHTMLページです。以下のスタイルシートリンクをクリックして、異なるスタイルを確認してください：

CSSを使用する理由は何ですか？

CSSは、ウェブページのスタイルを定義します。これには、さまざまなデバイスやスクリーンサイズに対応するデザインとレイアウトが含まれます。

CSS イメージ

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

自分で試してみてください

CSSは大きな問題を解決しました

HTMLは、ウェブページのフォーマットに使用されるタグを含めることを意図していませんでした。

HTMLを作成する目的ウェブページを説明するの例として、

<h1>これはタイトルです。</h1>
<p>これは段落です。</p>

HTML 3.2 ネイティブに <font> などのタグや color 属性を追加した後、Web 開発者の悪夢が始まりました。大規模なウェブサイトの開発では、フォントや色情報を各ページに追加するプロセスが長くて高価になりました。

この問題を解決するために、ワールドワイドウェブ連合（W3C）は CSS を作成しました。

CSS は HTML ページからスタイルフォーマットを削除しました。

HTML が何かご存知でない場合は、以下を読むことをお勧めします HTML 教程。

CSS は多くの作業を節約します！

スタイル定義は通常、外部の .css ファイルに保存されます。

外部スタイルシートファイルを使用するだけで、全体のウェブサイトの外観を変更できます！