cssの使い方
『css』は、文字のサイズ・装飾、画像や文章の位置調整、枠線の装飾など
ホームページのレイアウトのために使用します。
htmlファイルとcssファイルを用意します。
htmlファイル内でcssのクラス名を指定し、cssファイルで各々のクラス名の内容を指定します。
クラス名は、好きな名前を付けられます。『class="クラス名"』
ドット『．』の後にクラス名、｛ ｝の中に文字サイズや装飾内容を記述します。
例として、htmlファイルをindex.html、cssファイルをdesign.css とします。
<HEAD>
<LINK rel="stylesheet" type="text/css" href="design.css">
</HEAD>
htmlファイルとcssファイルを用意します。
htmlファイル内でcssのクラス名を指定し、cssファイルで各々のクラス名の内容を指定します。
（１）htmlファイル内
htmlファイル内では、『DIVタグ』や『Pタグ』などブロック要素といわれる文章などを
一塊で扱うタグ内に、cssのクラス名を入れます。（２）cssファイル内
cssファイル内では、各々のクラス名の内容を次のように指定します。（３）htmlファイルとcssファイルの連携
htmlファイルとcssファイルを連携させるために、htmlファイルの<HEAD>〜<HEAD>の間に次のように記述します。例として、htmlファイルをindex.html、cssファイルをdesign.css とします。
<HEAD>
<LINK rel="stylesheet" type="text/css" href="design.css">
</HEAD>
htmlファイルとcssファイルの位置関係によって href="" 内の記述が異なります。
index.htmlファイルとdesign.cssファイルが同等の位置にある場合には、href="design.css"
となります。
index.htmlファイルと同等位置のcssフォルダにdesign.cssファイルがある場合には、href="css/design.css"
となります。
index.htmlファイルがsubフォルダ内にあり、そのフォルダと同等位置のcssフォルダにdesign.cssファイルがある場合には、href="../css/design.css"
となります。
よく分からないという方は、こちら『ファイル・フォルダの位置関係』をご覧ください。
（４）cssファイルについて
cssファイルについては、次のページで説明します。
スポンサード リンク
スポンサード リンク
