CSSカスタマイズ

CSSは、フォントの種類やリンクの色、 見出しを自分好みにカスタマイズ、 蛍光ペン風のマーカーを文字に適用、などなど。 全体的なデザインに関する設定ができます。

FTPで新規ファイル作成
ファイル名は「style.css」

自分の好きなデザインのサイトのcssファイルをコピペして、 そこから自分好みに編集していく方法もいいかもしれません。 その場合は、好きなサイトを開いて、ソースコードを表示します。

Firefoxの場合は、右上のメニューから「Web Developer」→「Page Source」

ソースコードを表示したら、 上の方にある「style.css」というファイルをクリックして開いて、 好みの箇所を自分の「style.css」ファイルにコピペする。

「style.css」のファイルができたら、index.htmlの、上のheadタグ内に以下のように記述する。


<html>

<head>
<link rel="stylesheet" type="text/css" href="/style.css">
</head>

<body>

kanata.blog

<br><br>

<a href="/english">
海外ドラマ
<br>
はじめの5分に学ぶ英語
</a>

<br><br>

<a href="/astrology">
心と星の世界
</a>

</body>
</html>

cssファイル作成後の「index.html」

ちなみに、こちらが、cssファイル作成前の「index.html」
cssファイル作成前の「index.html」

そして、これが、現在(2020年秋)の「index.html」
今の「index.html」

次: 文字化け防止と言語指定
ホームページ作りの記録
kanata.blog