CSSファイルへの指定の仕方

CSSファイルの用意ができたら、(X)HTMLに適用するために(X)HTMLファイル内に指定します。

※cssファイルが「style.css」というファイル名の場合
■HTML
<title>サイト(ページ)のタイトル</title>
<link rel="stylesheet" type="text/css" href="style.css">

■XHTML
<title>サイト(ページ)のタイトル</title>
<link rel="stylesheet" type="text/css" href="style.css" />

xhtmlの方は最後に「 /」を入れます。
 
 
■CSSファイルの階層が違う場合の指定の仕方

・指定するCSSファイルが同じ階層にあるとき
<link rel="stylesheet" type="text/css" href="style.css" />

・一つ下の階層にあるCSSファイルを指定する場合(「css」というフォルダに入ってる場合)
<link rel="stylesheet" type="text/css" href="css/style.css" />

・一つ上の階層にあるCSSファイルを指定する場合
<link rel="stylesheet" type="text/css" href="../css/style.css" />
 
 
フォルダ名もファイル名も全て半角英数で名前を付けておきましょう。
あと、ファイルの指定を間違えるとせっかくのスタイルが適用されないので気をつけましょう。(特に階層が違う場合)

 
書いて残すって難しい…(;´Д`)

trackbacks

trackbackURL:

comments

Σ(`0´*)ヌォ
イキナリ シリーズ再開しましたね♪
XHTMLは文法からして違うんですね・・・
あう~ 奥が深いっすね

むか~し使っていたタグ辞典が倉庫の奥から発掘されましたが
今となっては意味をなさない悪寒^^;

>イキナリ シリーズ再開しましたね♪
ほんといきなりですよね。(;´∀`A)
KYの上、IWで申し訳ないです。(←使ってみたw

>むか~し使っていたタグ辞典が倉庫の奥から発掘されましたが
>今となっては意味をなさない悪寒^^;
いやいや、そんな事ないですよー。
タグ辞典みたいのはまだ使えると思います。

私はこないだビルダー6で作るホームページみたいな本が出てきて、さすがにこれは無理だろう…と思って捨てましたが(;´Д`)

  • 管理人 まめ
  • 2008年03月02日 22:24

comment form

comment form