CSS テクノロジーの紹介

1、css技術の紹介

CSSとはCascading Style Sheetの略です。 「カスケード スタイル シート」と訳されます。 Web ページのスタイルを (強化された) 制御するためのマークアップ言語であり、Web コンテンツからスタイル情報を分離できます。 CSS スタイルを使用すると、HTML だけでは制御できない多くのプロパティを制御できます。 HTML はマークアップ言語です。 HTML Web ページがブラウザで開かれると、ブラウザは Web ページ内の HTML タグを読み取り、組み込みの解析ルールに従って Web ページ要素をレンダリングします。 CSS (Cascading Style Sheets) は、ブラウザが HTML 要素のプレゼンテーションをどのように記述するかを決定します。つまり、CSS は HTML 要素を記述するためのルールです。 CSS の最新バージョンは CSS3 で、CSS はさまざまなユーザーの理解力に応じて記述方法を簡素化または最適化することができ、あらゆるタイプの人にとって読みやすくなります。

CSS カスケード スタイル シートは、Web コンテンツの外観を制御する一連の書式設定ルールです。 CSS を使用してページをフォーマットすると、コンテンツとプレゼンテーションを分離できます。 Web ページのコンテンツ (HTML コード) は HTML ファイル自体に存在しますが、コードの表現を定義する CSS ルールは別のファイル (外部スタイル シート) または HTML ドキュメントの別の部分 (通常はファイルヘッダー）。 CSS を使用すると、正確なレイアウトの位置から特定のフォントやスタイルに至るまで、特定のページの外観をより柔軟に制御できます。

CSS を使用すると、HTML だけでは制御できない多くのプロパティを制御できます。たとえば、選択したテキストにさまざまなフォント サイズや単位 (ピクセル、ポイント サイズなど) を指定できます。 CSS を介してフォント サイズをピクセル単位で設定できるため、複数のブラウザ間でページのレイアウトと外観に対してより一貫したアプローチが保証されます。テキストの書式設定に加えて、CSS を使用して Web ページ内のブロックレベル要素の書式設定と位置を制御することもできます。たとえば、ブロック レベルの要素の余白や境界線、他のテキストの周りのフローティング テキストなどを設定できます。

CSS 書式設定ルールはセレクターと宣言で構成されます。セレクターは書式要素 (p、h1、クラス名、ID など) を識別する用語であり、宣言は次の目的で使用されます。要素のスタイルを定義します。

CSS の主な利点は、便利な更新機能を提供することです。 Web サイトをデザインするときに、CSS スタイル シート ファイルを作成し、Web サイト内のすべての Web ページをスタイル シート ファイルに接続すると、Web サイト内のすべての Web ページに一貫した外観とスタイルを簡単に提供できます。スタイル属性が更新されると、そのスタイルを使用するすべての Web ページの書式設定は、ページごとに変更することなく、新しいスタイルに自動的に更新されます。

2、Web デザインで一般的に使用される CSS プロパティ

#テキストまたは要素の色 color

背景色background-color

背景画像background-image

#Fontfont-family

##リスト スタイル リスト

#マウス スタイルのカーソル

境界線スタイルの境界線

内側のパディング

マージンからの外側の距離