スタイルシートとは
指示書のようなものです。ページごとにこのフォントとかこの色とか指示を書く込むのではなく スタイルシートを作成しリンクさせることで一括にすべてのページに指示ができるのものです。
スタイルシート作成する。
スタイルシートマネジャの表示をクリック外部スタイルシートの追加をクリック外部スタイルしーと名に任意の名前を入力OK
これでスタイルシートが出来ました。
フォントの指示をします。
作成したスタイルシートを選択して追加をクリックHTMLタグのスタイルが選択されてるのを確認してHTMLタグの候補に段落Pを選択するフォントの候補にMeiryoUIを選択して追加をクリックOK
入力したコメントを選択して 段落挿入/変更 をクリック標準をクリック(最初から標準となっていますが改めて標準を選択する)
フォントが変わりました。このフォントを基本として使いますので標準を選びなおすことをその都度します。
リンクを挿入します。
リンクさせたい文字を選択してリンク挿入をクリックファイル名にリンク先のURLを入力しますOK
リンクができました。
リンクの下線を消す。
スタイルシートを開いて追加をクリックHTMLの候補で リンクa を選択します文字飾り なし のチェックをはずしますOK
リンクの下線が消えました。スタイルシートをリンクさせてるページのリンクの下線はすべて消えます。
タイトル画像の前後左右に余白を挿入します。
スタイルシートを開いて追加をクリッククラスのスタイルを選択するクラス名に任意の名前を入力(任意ですが最初の点は消さないようにする)レイアウトタグをクリック4方向とも同じが選択されてるのを確認じてマージンに15ピクルスと入力OKを繰り返してすべて閉じます。
タイトル画像を選択して右クリックで属性の変更のスタイルをクリック開いたスタイルシートの定義済みクラスの指定から先につけた名前にチェックしてOKで閉じます。
タイトル画像の前後左右に余白ができました。コメントを余白にあわせてレイアウトしましょう。
動画
|