| ・
概要 |
Cascading Style Sheetsの略で、
HTMLやXML等のマークアップ言語の見栄えを設定する技術です。
こうすることにより、論理構造のHTML、見た目のCSSという感じで、
文章の構造と表示を分離できます。
また記述方法は下記の通りです。
要素 { 属性 ： 値 ； }
|
| ・指定方法 |
styleを指定する方法は下記の通りです。
| 方
法 |
説明 |
style属性での指定
|
h1やdivタグのstyle属性で指定します。 |
styleタグでの指定
|
<style> </style>タグで指定します。 |
外部ファイルでの指定１
|
<link>タグを利用して、別ファイルで指定します。 |
| 外部ファイルでの指定２ |
@importを利用して、別ファイルで指定します。 |
|
| ・ セレクタ |
要素を指定する方法をセレクタといいます。
またidとclassは下記の使い分けがあります。
id・・・・・１ページ内に１回だけ利用可
class・・・１ページ内に複数回利用可
| セ
レクタ |
説明 |
* { ... }
|
全ての要素が対象となります。 |
| Element { ... } |
全てのElement要素が対象となります。
|
| ns|Element { ... } |
名前空間ns内の全てのElement要素が対象となります。
|
| Element.class { ... } |
クラス属性がclassのElement要素が対象となります。
|
| Element#id { ... } |
ID属性がidのElement要素が対象となります。 |
| Element1, Element2 { ... } |
全てのElement1要素と
Element2要素が対象となります。 |
|
| ・単語集 |
|
|
| さらに情報が欲しい方は、Google検索で
|
| ・
TOPへ戻る |