div+cssセレクタパケット属性セレクタcss挿入方法css背景属性

1、CSS概要:CSSとは、積層スタイルシート(Cascading Style Sheets)のスタイル定義HTML要素スタイルを表示する方法を指します.通常、スタイルシートにスタイルを追加します.HTML 4.0にスタイルを追加するのは、コンテンツと表現が分離している問題を解決するためです.外部スタイルシートは、作業効率を大幅に向上させることができます.外部スタイルシートは、通常、CSSファイルに格納されています.これにより、グループ化されたセレクタは、同じ宣言を共有することができる.グループ化が必要なセレクタをカンマで区切ります.次の例では、すべてのタイトル要素をグループ化します.すべてのタイトル要素は緑です.

h1,h2,h3,h4,h5,h6 {
  color: green;
  }

3、CSS属性選択器
セレクタ記述[attribute]は、指定した属性を持つ要素を選択するために使用されます.[attribute=value]は、指定した属性と値を持つ要素を選択します.[attribute~=value]属性値に指定した語彙を含む要素を選択します.[attribute|=value]は、指定した値で始まる属性値を持つ要素を選択します.この値は単語全体でなければなりません.[attribute^=value]プロパティ値を一致させ、値の先頭にある各要素を指定します.[attribute$=value]属性値を一致させ、値の末尾の各要素を指定します.[attribute*=value]一致する属性値には、指定した値の各要素が含まれます.例:

 input[type="text"]{
	width:150px;
	display:block;
	margin-bottom:10px;
	background-color:yellow;
	font-family: Verdana, Arial;
}

次の例では、titleプロパティを持つすべての要素のスタイルを設定します.

[title]
{
color:red;
} 

次の例では、title="W 3 School"のすべての要素のスタイルを設定します.

[title=W3School]
{
border:5px solid blue;
}  

4、HTMLにcssスタイルシートを挿入する方法は三つあります.
(1)外部スタイルシート:スタイルを多くのページに適用する必要がある場合、外部スタイルシートが理想的です.外部スタイルシートを使用する場合は、ファイルを変更することでサイト全体の外観を変更できます.各ページはラベルを使用してスタイルシートにリンクされます.ラベルは(ドキュメントの)ヘッダーにあります.



ブラウザはファイルからcssでスタイル宣言を読み、それに基づいてドキュメントをフォーマットします.
外部スタイルシートは、任意のテキストエディタで編集できます.ファイルにhtmlラベルを含めることはできません.スタイルシートは.css拡張子を保存します.次に、スタイルシートファイルの例を示します.
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
属性値と単位の間にスペースを残さないでください.「margin-left:20 px」ではなく「margin-left:20 px」を使用すると、IE 6でのみ有効ですが、Mozilla/FirefoxまたはNetscapeでは正常に動作しません.
(2)内部スタイルシート:個々のドキュメントに特別なスタイルが必要な場合は、内部スタイルシートを使用します.