[[SoftwareEngineering]]

*Cascading Style Sheets [#e191a82b]
#contents
**基本的な定義方法 [#xde9862b]
-基本的な定義方法
 セレクタ { 属性 : 値 }
#br
-複数の属性をまとめて定義する方法
セミコロン[;]で区切る
 セレクタ { 属性1 : 値1 ; 属性2 : 値2 }
#br
-複数のセレクタをまとめて定義する方法
セレクタをカンマ[,]で区切る
 セレクタ, セレクタ { 属性 : 値 }
#br
-子孫セレクタ
セレクタを半角スペース[ ]で区切る
 セレクタ セレクタ { 属性 : 値 }
#br
-子供セレクタ
 セレクタ > セレクタ { 属性 : 値 }
//End 基本的な定義方法
**セレクタの種類 [#wa657fd2]
-基本セレクタ
<div></div>や<p></p>などの要素に適用される。
&lt;div&gt;&lt;/div&gt;や&lt;p&gt;&lt;/p&gt;などの要素に適用される。
 div {
     background-color: #aqua;
 }
#br
-IDセレクタ
ID属性を設定した要素に対してスタイルシートが適用される。
セレクタの先頭に[#]をつけて定義する。
 #ID { 属性 : 値 }
 セレクタ#ID { 属性 : 値 }
#br
-CLASSセレクタ
class属性を設定した要素に対してスタイルシートが適用される。
セレクタの先頭に[.]をつけて定義する。
 .CLASS { 属性 : 値 }
 セレクタ.CLASS { 属性 : 値 }
//End セレクタの種類

トップ   差分 バックアップ リロード   一覧 単語検索 最終更新   ヘルプ   最終更新のRSS