CSS
無料お問合せはこちらから TEL 075-257-4588 営業時間 AM10:00〜PM7:00
| ホーム |
| 無料講座 | Dreamweaver編 | CSSの書式 |
4.CSSの書式

CSSでは、「セレクタ」に適合する対象をHTML文書内から選択して、指定されたスタイルを適用しています。
ではここで、スタイル指定の記述方法を確認しておきましょう。

基本の書式

CSSの記述は、スタイルを指定する対象である「セレクタ」に対し、スタイルの指定を「宣言」するという形を取ります。

実際の記述方法は、次のようになります。

記述方法の図解

ここでは「h1の要素の文字の色を青にする」という指定が行われています。
このように指定された場合、HTML文書中に登場するh1要素が選択されて、「文字色を青にする」というスタイルが通用されることになります。
1つのセレクタに対して宣言(プロパティと値のセット)を複数指定する際は、「color: blue; font-size: 18px」のように「;(セミコロン)」で区切って記述します。

セレクタの基本

CSSの書式は、まずスタイルの適用先を示しそれに続く「{ 〜}」の中で具体的なスタイルを記述するという形式になっています。
そして、そのスタイルの適用先を示す部分のことをセレクタと呼んでいます。
セレクタにもいろいろな種類と指定方法がありますが、その基本となるのは、要素名をそのままセレクタとして指定する方法です。

たとえばbody要素を適用対象としたい場合は、セレクタとして単純に「body { 〜}」を書くだけでいいです。
同様に、h1要素を適用対象としたいなら「h1 {〜}」、p要素を適用対象としたいなら「p{〜}」と記述します。

要素にスタイルを指定する

要素名をセレクタとして、要素に対してスタイルを指定します。 
複数の要素に同じスタイルを指定する場合は、要素名を「, (カンマ)」で区切って並べることでまとめて指定できます。

以下の場合、h1、h2、h3要素の文字が青になります。

h1,h2,h3{color:blue}

 

CSSのコメントアウト
CSSの記述中でコメントアウトを行うには、コメントとする範囲を「/*」「*/」で囲みます。
コメントの途中で改行を行うことも可能です。グループで作業を行うなどの場合、適宜コメントを追加しておくと修正や変更に便利です。

もどる すすむ

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページの事なら

何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM10:00-PM7:00


無料お問合せはこちらから TEL 075-257-4588 営業時間 AM10:00〜PM7:00
| ホーム |
| 無料講座 | Dreamweaver編 | CSSの書式 |

| 繝帙シ繝繝壹シ繧ク蛻カ菴 莠ャ驛ス縺ョ繝帙シ繝繝壹シ繧ク菴懈舌ッ繝ェ繝・繧ヲ繝

CSS
縺雁撫蜷医○縺ッ縺薙■繧峨°繧峨TEL 075-257-4588 蝟カ讌ュ譎る俣縲AM10:00ス霸M7:00
| 繝帙シ繝 |
| 404 Not found |

404 Not found

縺頑爾縺励ョ繝壹シ繧ク縺ッ隕九▽縺九j縺セ縺帙s縺ァ縺励◆縲ゅい繝峨Ξ繧ケ縺碁&縺」縺ヲ縺繧九°縲√壹シ繧ク縺悟炎髯、縺輔l縺溷庄閭ス諤ァ縺後#縺悶>縺セ縺吶

<< PAGE TOP >>

BACK UP 蛻晏ソ閠縺ァ繝帙シ繝繝壹シ繧ク繧定縺医※繧峨l縺ヲ繧区婿縺ク

迢ャ閾ェ繝阪ャ繝医す繝ァ繝繝励d讌ス螟ゥ繧キ繝ァ繝繝励サYAHOO繧キ繝ァ繝繝鈴°蝟カ縺輔l繧句晏ソ閠縺ョ譁ケ繧ゅ∫┌譁吶〒縲∬ヲェ蛻縺ォ繧「繝峨ヰ繧、繧ケ縺縺溘@縺セ縺吶
シウシ・シッ繝サ譛域ャ。譖エ譁ー繝サ繝ェ繝九Η繧「繝ォetc

繝帙シ繝繝壹シ繧ク蛻カ菴懊ョ莠九↑繧

菴輔〒繧ゅ♀蝠丞粋縺帙¥縺縺輔>縲
縺雁撫蜷医○繝輔か繝シ繝縺ッ縺薙■繧峨°繧

繝帙シ繝繝壹シ繧ク菴懈舌ッ莠ャ驛ス縺ョ繝ェ繝・繧ヲ繝譬ェ蠑丈シ夂、セ

莠ャ驛ス蟶ゆクュ莠ャ蛹コ讖句シ∵カ逕コ222逡ェ蝨ー
繝偵Λ繧、繝薙Ν3髫

TEL 075-257-4588
蝟カ讌ュ譎る俣 AM10:00-PM7:00

縺雁撫蜷医○縺ッ縺薙■繧峨°繧峨TEL 075-257-4588 蝟カ讌ュ譎る俣縲AM10:00ス霸M7:00
| 繝帙シ繝 |
| 繝壹シ繧ク縺瑚ヲ九▽縺九j縺セ縺帙s縺ァ縺励◆ |
CSS
Ryuumu

CSS
Ryuumu