HTML CSS

1つ。 CSSの基礎入門

カスケード スタイル シート (Cascading Style Sheet) は「CSS」と呼ばれ、通常「スタイルシート (Style Sheet)」とも呼ばれ、Web ページのスタイルデザインに使用されます。たとえば、クリックされていないときはリンク ワードを青色にし、マウスをその上に移動すると赤色に変わり、下線が引かれるようにする場合、これはスタイルです。スタイルシートを設定することで、HTML上の各マークの表示属性を統一的に制御することができます。カスケード スタイル シートを使用すると、Web ページの外観をより効果的に制御できるようになります。カスケード スタイル シートを使用すると、Web ページ要素の位置と外観を正確に指定し、特殊効果を作成する機能が拡張されます。

CSSとは、英語のCascadingStyle Sheets(カスケーディングスタイルシート)の略で、HTMLやXMLなどのファイルスタイルを表現するために使用されるコンピュータ言語です。 CSS の最新バージョンは CSS3 です。これは、Web ページのパフォーマンスとコンテンツを完全に分離できるスタイル デザイン言語です。従来の HTML のパフォーマンスと比較して、CSS は Web ページ内のオブジェクトの位置とレイアウトをピクセルレベルで正確に制御でき、ほぼすべてのフォント サイズ スタイルをサポートし、Web ページのオブジェクトとモデル スタイルを編集する機能があり、予備的な実行が可能です。デザインは現在、テキスト表示に基づいた最も優れた表現力のあるデザイン言語です。 CSS は、さまざまなユーザーの理解力に応じて記述方法を簡素化または最適化し、あらゆるタイプの人にとって読みやすいものにすることができます。

Ⅱ。 CSS の使用方法

サイト ページでスタイル シートを使用するには、次の 3 つの方法があります:

インライン スタイル - HTML 要素で "style" 属性を使用します


内部スタイル シート - HTML ドキュメント内header 領域は CSS を含めるために ;

インライン スタイルを使用して、カスケード スタイル シート属性を Web 要素に適用します。例:

CSS ドキュメント



;

Web ページが外部スタイル シートにリンクしている場合、Web ページ用に作成されたインライン スタイルまたは内部スタイルは、外部スタイル シートで指定されたプロパティを拡張またはオーバーライドします。

Web ページで外部スタイル シートのスタイルを使用するには、[形式] メニューにある [スタイル シート リンク] コマンドを使用して、Web ページをスタイル シートにリンクします。 1 つまたは複数のスタイル シートを、Web ページ ビュー モードの現在の Web ページ、フォルダ リストで選択した Web ページ、またはサイト上のすべての Web ページにリンクできます。

[スタイル] ボックスには、見出し 1 などの標準 HTML タグと、埋め込みスタイル シートまたは Web ページにリンクされている外部スタイル シートに含まれるクラスまたは ID セレクターがリストされます。 Web ページ要素にスタイルを適用するには、スタイルを選択し、[スタイル] ボックスでスタイルまたはセレクターをクリックします。

Microsoft FrontPage 2000 では、特定の書式設定機能がインライン スタイルとして自動的に適用されます。例: ([書式] メニューの) [境界線と影] コマンドを使用して通常の段落の周囲にボックスを適用すると、FrontPage は書式設定情報を段落記号のインライン スタイル プロパティとして書き込みます (例:

例 1

Background-color 属性は要素の背景色を定義します:

    php中文网(php.cn) 

标题

内容

例 2

font-family (font)、color (color)、を使用します。および font-size (フォント サイズ) 属性を使用して、フォントのスタイルを定義します:

    php中文网(php.cn) 

文字的标题

下面是一句话。

例 3

text-align (テキスト配置) 属性を使用して、テキストの水平方向と垂直方向の配置を指定します。

りー



学び続ける
||
php中文网(php.cn)

标题

居中对齐的内容

下面是一句话。

私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!