無料お金儲け得するサイト総合topへ サイトマップ

CSSでホームページをデザインする。

CSS(カスティングスタイルシート)は、あなたのホームページをクールにデザインするのに必要になるスキルです。
最初は少しむつかしく感じるかもしれませんが、理屈さえ解れば簡単なのでがんばって理解してください。

カスティングスタイルシート(CSS)を使う準備をする

外部にスタイルシートを記述するファイルを作る。

スタイルシートは、HTMLファイルとは別のファイルにすることが出来ます。

その方が、複数のページで共有出来、簡単にホームページ全体でデザインを統一出来ます。

デザインに統一感を持たせることは、各ページが同じサイトだとユーザーに認識しやすい上に、どこがメニューで重要な情報がどこにあるのかユーザーにとってわかりやすくユーザビリティを高く出来ます。

また、HTMLファイルを軽くする効果がありSEO的にも有利といえるでしょう。

ファイル名は

ファイル名は必ず半角の小文字で○○○.cssと拡張子をcssとしてください。

cssファイルは、index.htmlが置かれているフォルダに保存してください。

外部スタイルシートのリンクを貼る。

HTMLファイルのhead内にlinkタグでcssファイルを読み込むように指定します。

linkタグにrel属性を付けて値をstylesheetとし、type属性には、値をtext/css、
href属性には、値を○○○.cssとファイル名とします。

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

これで、cssファイルが読み込めるようになりました。