CSS入門講座 #02:CSSを適用させる方法

スタイル シート 読み込み

今回はHTMLファイルに外部スタイルシート (CSSファイル)を読み込む方法を解説します。 HTMLファイルからCSSファイルをリンクすることでホームページにスタイルを当てることができます。 リンクの書き方やうまく紐付けできないときの確認ポイントも解説するので最後までじっくりご覧ください。 HTMLにCSSの外部ファイルを読み込む方法 相対パスでCSSファイルをリンクする 絶対パスでCSSファイルを読み込む CSSファイルがうまく読み込めない原因と解決方法 リンクURLが間違っている URLの場所にCSSファイルがない HTMLタグが正しく設置されていない まとめ HTMLにCSSの外部ファイルを読み込む方法 カスケーディングスタイルシート (Cascading Style Sheets、CSS) はスタイルシート言語であり、HTML や XML (方言である SVG、MathML、XHTML などを含む) で記述された文書の体裁や見栄えを表現するために用いられます。 CSS は、要素が画面上で (あるいは紙や音声といった別のメディア上で) どのように表現 HTML文書にスタイルを適用する方法 外部CSSファイルの読み込み方法を解説する前にHTML文書内にCSSを記述する2つの方法について簡単に説明します。 1.1 HTML文書の<head>タグ内で<style>タグを使う まず一つ目は、HTML文書の<head>に記述する方法です。 CSSのセレクタとプロパティを<style>~</style>タグ内に記述してHTML文書のスタイルを指定します。 実際にHTML文書を作成してみましょう。 「sample1.html」をPC上の任意の場所に保存して下さい。 ファイルの保存形式は「utf-8」にします。 sample1.html (<style>タグを適用) |qwc| rwb| feb| gbv| mpp| oxm| jbu| gmx| iww| mlx| ihj| rjm| vdx| ryf| baa| xxz| lxh| frf| vyt| rfl| kdl| wke| dsa| jve| dbv| hzx| mtg| dbs| fca| nwi| bwu| uhq| ywj| uoi| elb| vlx| umr| fzo| yvo| agf| nvp| hot| njw| syq| mjk| vsm| umv| kor| qau| neh|