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

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

定義された構文:

例:

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

Selector

id selector

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

例: テキスト

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

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

class selector

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

例: テキストの一部

テキストの一部

例:

<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 は一意であり、クラスは多用途です。

つづく......