CSS の適用を学ぶ前に、まず CSS とは何かを理解する必要があります。 CSS とは、Cascading Style Sheets の略称です。
※ CSS 言語は、コンパイルを必要とせず、ブラウザーで直接実行できるマークアップ言語です。
※ CSS は、標準的な Web デザインのパフォーマンスを担当します
。Web ページのコンテンツ (XHTML)
* CSS ファイルは、いくつかの CSS タグを含むテキスト ファイルとも言えます。
* Web ページの全体的なパフォーマンスは変更できます
。CSS ファイルを変更するだけで作業負荷が軽減されるため、すべての Web デザイナーにとって必須のコースです。
*
CSS は W3C の CSS ワーキング グループによって作成および保守されています。
cssの適用方法には近接性の原理があるため、以下の2通りの方法でブログに追加することができます。つまり、ターゲットに最も近いスタイル定義が優先されます。優先度の高いスタイルは、優先度の低いスタイルの重複しない定義を継承しますが、重複する定義をオーバーライドします。
外部スタイル シート ファイルへのリンク (スタイル シートへのリンク)
まず外部スタイル シート ファイル (.css) を作成してから、HTML リンク オブジェクトを使用できます。例は次のとおりです:
<head>
<title>文書タイトル</title>
＜リンク rel=stylesheet href=" http://www.devdao.com/dhtmlet.css " type="text/css">
</head>
XML では、次の例に示すように宣言領域に追加する必要があります。
内部スタイル ブロック オブジェクトの定義 (スタイル ブロックの埋め込み)
HTML ドキュメントの <HTML> タグと <BODY> タグの間に <STYLE>...</STYLE> ブロック オブジェクトを挿入できます。 定義方法については、スタイルシートの構文を参照してください。例は次のとおりです。
<html>
＜頭＞
<title>文書タイトル</title>
＜style type="text/css">
<!--
本文 {font: 10pt "Arial"}
h1 {フォント: 15pt/17pt "Arial"; フォントの太さ: 栗色;
h2 {フォント: 13pt/15pt "Arial"; フォントの太さ: 太字;
p {フォント: 10pt/12pt "Arial"; カラー: 黒}
-->
＜/スタイル＞
＜/頭＞
<body>
ここでスタイル オブジェクトの type 属性を「text/css」に設定すると、このタイプをサポートしていないブラウザはスタイル シートを無視できることに注意してください。