スタイルシート

ホームページを作るからには使ってみたい、いや使うべき…むしろ使わざるを得ないスタイルシート。(ぇ…

CSSは「Cascading Style Sheet (カスケーディング・スタイルシート)」の略で、HTMLで記述された文書にレイアウトスタイルを定義するためのマークアップ言語です。

つまり、CSSを使うとホームページの見栄えを細かく指定することができるよ!って事です。

【スタイルシートの主な種類】
・インラインスタイル
・埋め込みスタイルシート
・外部スタイルシート

の3つです。
もし、全部をパターンを使ってる場合(そんな事あるのか??)この順番で優先されます。

■インラインスタイル
要素に直接、スタイル属性を書いて指定します。
(記述) この部分だけ <SPAN style="color:red;">赤色</SPAN> にしたい

(表示) この部分だけ 赤色 にしたい

■埋め込みスタイルシート
HEAD内に <STYLE> を使って要素名やクラス名にスタイルをまとめて定義します。
未対応ブラウザの為に、<!-- -->コメントアウトしておきます。

■外部スタイルシート
スタイルシートを外部ファイルで定義します。(拡張子は.css)
メモ帳などにスタイルの定義を書き込み、拡張子を「.css」にして保存します。
適応させたいページのHEAD内に「<link rel="stylesheet" type="text/css" href="○○.css" />」と記述し、そのファイルにリンクします。


という訳ですが、これからCSSを使ってサイト作りに挑戦しようと思っている方、「どの方法にしよう?」などと迷う事なく外部スタイルシートで作成する事をお勧めします。
外部スタイルシートのメリットについてはまた今度…。

trackbacks

trackbackURL:

comments

勉強になります!

私は、3つともゴチャマゼな気が!!
スッキリさせるようにとりかからなければ(^^;)

> 外部スタイルシートのメリット
楽しみにしています♪

大した事も書けずすいません…。
それでも、ちゃんと書こうと思うと文章って難しいですね。(今更…

ZUKUDASの皆さんはご存知の事ばかりですが、覚書という事で何とか続けたいと思います。

  • 管理人 まめ
  • 2008年01月15日 22:36

3つも種類があるのね。
わからないまま外部を使っていたよ^^;。

本のとおりとか、ドリームウィーバーまかせだから
上達しないのねん(T_T)。

まめちゃんは「覚書」かもだけど、私にはすごい新鮮で活きのいい情報だよ!。


追伸:また、ねこ展行ったよ・・・(馬鹿)

  • さくや
  • 2008年01月16日 11:54

最近の本とかはやっぱり外部の方法で書いてあるのが多いよね。
一昔前のは外部に書く場合と埋め込みと両方書いてあったけどねー。

ねこ展、また行ったんだー。いいなぁ。
私もどっかに行きたいなぁ…。

  • 管理人まめ
  • 2008年01月16日 21:34

お?
ついに始まりましたね 新シリーズ♪

ヤマダがHTMLを使ってHPを作ったのは
今から10年位前で 当時はHTML1.0でした。
そして、そこから一切勉強していなくて
スタイルシートって何????
なじょうたいでした^^

とても勉強になります!
これからもよろしくお願いしますね♪

ぉ!先輩じゃないっすか!!
私は初めて作ったのは6,7年前ぐらいですかねぇ…?
アナログ回線だったような…(-ω-lll)


>とても勉強になります!
とんでもございません。
いざ、残そうと思うと文章にするのって大変だなぁと思いました。

こちらこそよろしくお願いします!

  • 管理人 まめ
  • 2008年01月17日 01:15

comment form

comment form