見出し文字の大きさをスタイルシートで小さくする

　　スポンサードリンク

　ホームページビルダーをホームページ作成する方を対象としています。

見出しの大きい文字をスタイルシートで小さくする方法

しかし、そのまま見出しを指定すると文字がとても大きいので、ページなバランスを考えたりしなければなりません。
見出しのh1などで書いた文字を直接大きさを指定することもできますが

スタイルシートでh1 h2 h3 で書いた文字を指定することで、一回一回文字サイズを指定する作業も不要になります。

もちろんｈ1の場合に書いた　太文字で大きな文字　なども、このような普通の文字のようにさせることもできます。

　　見出しのh1の文字をCSSで変更する方法

　1　作成しているスタイルシートを開く　（ダブルクリック）

　　　　・ホームページビルダーをインストールしていれば CSSエディタが起動して簡単に編集できます。

　　　CSSを起動する

　2　セレクタの追加　する
　　　　・水色のひし形のアイコンをクリックする

　　　　・この　セレクタの追加　ボタンでいろいろな設定項目を増やすことができます。

　3　設定したい項目を選択する
　　　　・標準の文字の大きさを変更するには
　　　　1　ＨＴＭＬタグのスタイルを設定を選択
　　　　2　ＨＴＭＬタグの候補　のプルダウンを開いて　見出し 1 H1　を選択する

　　3　フォントの大きさを設定する

　　　見出しh1　は太文字でもあるので、文字の属性で太さをふつうにチェックします。

　　　　フォントタブを開いてフォントサイズを指定する
　　　　ピクセル・ポイント・mmなどの単位が選択できます

スタイルの設定

　　ＯＫすれば、文字の大きさの設定は完了です。

　　4　見出しｈ1　文字の大きさを確認する
　　　　・実際にサイトを確認して、ページと文字の大きさのバランスを確認する。

　　このような手順で、ＣＳＳのさまざまな設定をすることができます。

　　見出しh1　は原則１ページに一カ所のみに適用できます。２、３カ所にh1を設定することがないように
　　注意しましょう。

　　　スタイルシートでサイトの構図を作る

　　　　

　サイトの一番上　最上部の隙間をなくする方法

　　　スタイルシートで細かく設定する解説

　　　　