CSSガイド


CSS - カスケーディングスタイルシート (Cascading Style Sheets)

CSS は HTML 要素をどのように表示するかを定義します。

CSS は HTML 要素の視覚的なスタイル(外観、レイアウト、色、フォント)を記述します。

CSS は独立して設計されたファイルです(これにより HTML の柔軟性が大幅に向上し、HTML の複雑さが軽減されます)。

CSS は簡単に学べます。HTML 要素をセレクタとして扱い、中括弧内にスタイルプロパティを列挙できます。

CSS サンプル

body {
    background-color:#d0e4fe;
}
h1 {
    color:orange;
    text-align:center;
}
p {
    font-family:"Times New Roman";
    font-size:20px;
}

試してみる »

「試してみる」ボタンをクリックして、オンラインサンプルを表示します。

スタイルシートは作業効率を大幅に向上させます。

スタイルシートは HTML 要素の表示方法を定義します。HTML 3.2 のスタイルにおけるフォントタグや色属性などは通常、外部の.cssファイルに保存されます。

単一の簡単な CSS ドキュメントを編集するだけで、外部スタイルシートによりサイト内のすべてのページのレイアウトと外観を同時に変更できます。

複数ページのスタイルとレイアウトを同時に制御できるため、CSS は Web デザイン分野における画期的な進歩と言えます。Web 開発者は、各 HTML 要素にスタイルを定義し、それを望む任意の数のページに適用できます。全体を変更する必要がある場合は、スタイルを変更するだけで、サイト内のすべての要素が自動的に更新されます。


CSS を学ぶには?

私たちの完全な CSS チュートリアル

私たちの完全な CSS リファレンスマニュアル

その他の拡張