1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTMLファイルに外部CSSファイルを導入する際のパスのまとめ

2022-01-21 01:10:31

I. 外部CSSファイル導入のための基本スタイル

通常2つの属性を書くところを、< link>タグで外部スタイルシートを導入する。

  • href属性はcssファイルへのパスを示します。
  • rel="stylesheet"は、現在のページとhrefで指定された文書との関係を記述しています。つまり、hrefでリンクされている文書は新しいスタイルシートです
SELECT * FROM T1 LEFT JOIN T2 ON T1.ID=T2.ID

II . パスの基本ルール

/ はルートディレクトリを表し、使用には注意が必要です
.../ は前のディレクトリ
.../.../ は、ディレクトリの最後の2階層を表します。
/... は下位のディレクトリを表します
/.../...は次の2階層分のディレクトリを表します。

III . よくあるケースのパスの書き方例

1. index.htmlとstyle.cssが同じフォルダーにある場合

SELECT * FROM T1 RIGHT JOIN T2 ON T1.ID=T2.ID

2. htmlファイルと同じフォルダーにあるcssファイル

SELECT * FROM T1 RIGHT JOIN T2 ON T1.ID=T2.ID

3. htmlの親フォルダとcssファイルの親フォルダが同じフォルダにあること

図のように、フォルダaの下のフォルダbとフォルダb2、フォルダbの下のフォルダcにstyle.css、フォルダb2にindex.htmlが入っています。

  • この時点でパスを書くということは、index.htmlファイルとstyle.cssファイルの共通の親フォルダを探すことであり、図にあるようにaフォルダである。
  • まず、この時点でb2フォルダにあるindex.htmlファイルから、まずaフォルダ(b2フォルダの上のディレクトリ)、つまり、 .../ を探します。
  • 次に、aフォルダーからstyle.cssファイルを探します: b/c/style.css
  • 組み合わせは、href=".../b/c/style.css"です。

SELECT * FROM T2 LEFT JOIN T1 ON T1.ID=T2.ID

 HTMLファイルへの外部CSSファイルの導入に関するこの記事は、この記事を書くためのパスの要約であり、より関連する外部CSSパスの導入の内容は、以前の記事を検索してくださいまたは次の関連記事を参照してください、私はあなたがスクリプトの家をサポートすることを願っています!。