その2ようこそ「HP-Knowledge」へ。このホームページは、「ホームページ作成・制作」におけるHTMLとCSS(スタイルシート)の基礎知識を紹介するホームページ作成初心者向けのページです。その2このページでは、ホームページ作成におけるスタイルシートの作り方について説明します。スタイルシートファイルの形式やスタイルシートをHTMLに読み込ませる方法を覚えておきましょう。左側テキストではスタイルシートのプロパティ部分について解説します。スタイルシート作成スタイルシートの記述方法の基礎については前ページまでで説明したので、ここではスタイルシートの作り方を覚えることにしましょう。スタイルシート作成方法は3種類ありますが、このページではよく使うであろう2つに絞って説明をします。ファイルの1つとして作成するまず最初に1つのファイルとしてスタイルシートを作成しておいて、それをHTMLファイルに読み込ませて適用させる方法を紹介します。この形式のスタイルシートを「外部スタイルシート」と呼びます。基本的にはこの方法をお勧めします。実際の作成手順ですが、最初にメモ帳やHTMLエディタでスタイルシートを記述して、ファイル形式(拡張子)をcssにしてから再度保存すれば出来上がりです。「style.css」とか「layout-style.css」といった感じで使うページに合わせた名前をつけるいいでしょう。スタイルシートができたらそれで完了ではなく、HTMLファイルにこのcssを読み込ませる必要があります。href="layout.css">と書き込みます。上の書き込みではスタイルシートファイルの名前を「layout.css」にしています。このように書き込んで初めて使えるようになるので覚えておきましょう。ソースを追加してください。基本的には何枚でもスタイルシートを読み込ませることができますが、あまり多すぎても管理が面倒なので2、3枚以下に抑えるほうが望ましいでしょう。HTMLファイルに埋め込む形式スタイルシートをHTMLファイルに書き込む方法を紹介します。使用したいスタイルが少ないときや、限られたページでしか使わないようなスタイルを作るときに使用することになります。この方法を乱用するとページファイルが重たくなってしまうので注意。type="text/css"><!--スタイルシート名--></style>と書きます。update:2019/8/20プロパティについて前ページでも取り上げましたが、スタイルシートのプロパティ部分を紹介します。・・・とは言ってもプロパティを全種紹介するとなるとページが膨大になりますし、プロパティを紹介している専門サイトも豊富にあるので、このページでは接頭語に絞って紹介しようと思います。スタイルシートの接頭語だけでも覚えておけば、種類によってどのような効果が備わっているのか理解できるようになります。background-backgroundで始まるプロパティは背景に関することを設定できます。調節できる項目には下記のものがあります。背景に表示させる画像の繰り返しパターンfont-fontで始まるプロパティは文字に関する設定。調節できることは、下記参照。文字フォントフォントカラーフォントサイズフォントの太さ(強調)text-textで始まるプロパティでは文章に関することが設定できます。調節できる項目には以下のものがあります。文章の左/中央/右揃え段落の字下げ文章の下線の有無や取り消し線の除去margin-padding-margin(マージン)やpadding(パディング)で始まるプロパティでは、内側と外側の余白に関することを設定できます。調節できる部分は、上/右/下/左の余白になります。border-borderで始まるプロパティは枠線に関することを設定できます。調節できることは、以下の通り。枠線の太さ枠線の表示パターンlist-listで始まるプロパティはリストに関することを設定します。調節できることには主に以下のものがあります。配置に関わるプロパティ配置にかかわるプロパティには以下のものがあります。覚えておくべきプロパティ以下のプロパティは色々と役立つので是非覚えておきましょう。colorフォントカラーの設定。これの前にbackgroud-が付けば背景色の変更になる。