CSS 言語ノート<1>_html/css_WEB-ITnose

CSS (カスケード スタイル シート) 中国語: カスケード スタイル シート

定義された構文: 97f5157725a81b911876997d1aa52872 531ac245ce3e4fe3d50054a55f265927

例:

<style type="text/css">a{　　color:red;　　text-align:center;　　font-size:24px; }</style>

Selector

id selector

HTML タグid を使用してセレクターを設定します。CSS では、「#」を使用して選択します。

例: 49c363130f1f5301d554d0cb975f570eテキスト5db79b134e9f6b82c0b36e0489ee08ed

選択された表現方法は次のとおりです。
例:

<style type="text/css">#a{　　color:red;　　text-align:center;　　font-size:24px;    }</style>

class selector

クラスセレクターの場合は、id セレクターとは異なり、複数の HTML タグで使用できます。

例: 55e10b172b3cf299bf1ad8db61b05640テキストの一部5db79b134e9f6b82c0b36e0489ee08ed

e7a0e57f6971152ba9f7f500b69da693テキストの一部94b3e26ee717c64999d7867364b1b4a3

例:

<style type="text/css">.qqq{   　color:red;   　text-align:center;   　font-size:24px;        }</style>

th aタグ下のqqq要素を表す2通りの書き方

<style type="text/css">a.qqq{   color:red;   text-align:center;   font-size:24px;       }</style>

複数要素セレクター

例:

<style type="text/css">a,b,c,d{        color:#FFFFFF;        text-align:center;        font-size:24px;        }</style>

子孫要素セレクター

例のaの下にあるli要素を選択し、子孫要素を選択するにはスペースを使用します。

例:

<style type="text/css">.a li{       color:red;      }</style>

子要素セレクター

子要素はクラス下の同一要素であり、親子関係にあります。

を表すには大なり記号を使用します。 例:

<style type="text/css">.a > .title{                color:#FF6300               }</style>

summary

id は一意であり、クラスは多用途です。

つづく......