CSS の紹介、selector_html/css_WEB-ITnose

css (カスケード スタイル シート)-----プレゼンテーション層

最新バージョン CSS3.0 は、パフォーマンスとコンテンツを分離できるコンピューター言語であり、css の主な学習選択肢です デバイスとプロパティ

Before CSSの書き方と注意点を見ていきましょう

書き方の位置

1.外部(外部)スタイル

2. 埋め込み（内部ページ）スタイル

3. 内部（インライン）スタイル

記述形式

セレクター {属性:属性値}

注: 複数CSS では属性はセミコロンで区切られます

コメントメソッドは /*comment content*/

です

selector

基本的なセレクター

*セレクターとは、一般に統一された (グローバル) スタイルで使用されるすべての HTML ドキュメントのタグを取得することを意味します

HTML セレクター (タグ セレクター) タグ名 {}

クラス セレクター . クラス名 {}

ID セレクター #ID 値 {}

リレーショナル セレクター

E F (子孫セレクター) E 要素の下の F 要素

E>F (サブセットセレクター) E 要素のサブセット要素 F

E+F (E 要素の直後) 兄弟要素 F

E~F (兄弟要素セレクター) E 要素の兄弟要素 F を選択します

属性セレクター

E[attr] attr 属性を持つ要素 E ] attr 属性を持つ、属性値が値 E と等しい要素 E[arrr^="value"] attr 属性を持つ、属性値が値 E で始まる要素 E

E[attr$="value"] 要素 E

E[attr*="value"] attr 属性を持ち、属性値が value で終わる attr 属性を持ち、属性に値が含まれる E 要素

擬似-クラスセレクター

: active 要素がアクティブ化されたときのスタイル

:link a タグが訪問される前のスタイル

:visited a タグが訪問されたときのスタイル

:hoverマウスをスライドさせます

疑似オブジェクトセレクター

E::before{content:"123";} E 要素の前に content 属性とともによく使用されます

E::after{content:"abc";} 多くの場合E 要素の後のコンテンツで使用されます 属性を一緒に使用します

E::first-letter{color:red;} E 要素コンテンツの最初の文字

E::first-line{color:red;} 最初のE要素の内容の行