簡単!スタイルシートで作るホームページ
スタイルシートを使用することにより、ホームページのデザインや修正がとても楽にできます。 ここはCSSで表現するサンプル集です。
スタイルシート(CSS)とは?
スタイルシート(CSS)とは
(カスケーディングスタイルシート)の略で、 ウェブページのレイアウトを行う言語です。HTML内にそのスタイルを記述したり、 外部スタイルシートとしてHTMLと分離した別のファイルに記述し、複数のファイルから呼び出し、HTMLを動的に表現することが可能です。スタイルシート(CSS)を使うメリット
スタイルシートを使用することにより、一度に複数ページの編集が可能になります。htmlページが100ページあろうが1000ページあろうがスタイルシートを手直しするだけで、すべてのページに反映されるので同時に編集できるのです。
またスタイルシートを使用することにより、htmlだけでは表現しきれない細部までのレイアウト表現が可能になり、htmlもすっきりするのでSEO対策にもなるかと思います。
スタイルシートCSS)の記述方法
埋め込み型スタイルシート
埋め込み型スタイルシートには、htmlのヘッダに記述するもの、style属性を用いてbody内に記述するものがあります。
リンク型外部スタイルシート
リンク型外部スタイルシートは、外部スタイルシートとして別ファイルに記述し、htmlページへリンクで読み込むものがあります。
このサイトは のサンプル集になっています。
htmlページへ外部スタイルシートをリンクする(読み込む)実際の書き方↓↓
スタイルシートファイル名の部分に、作成したcss.file名を記述してhtmlとリンクさせます。
<html>
<head>
<title>ここはタイトル</title>
<link href= rel="stylesheet" type="text/css">
</head>
<body>
</body>
</html>
参考おすすめ資料
- 【送料無料】詳解HTML & CSS & JavaScript辞典第4版
翔泳社 - 【送料無料】ゼロからはじめるJavaScript
富士通オフィス機器 - JavaScript見ながら入門
インプレスジャパン - 【送料無料】世界でいちばん簡単なJavaのe本最新改訂版
Javaの基本と考え方がわかる本 秀和システム - 【送料無料】はじめての無料でできるホ-ムペ-ジ作成最新版HTML & CSS入門
秀和システム - 【送料無料】XHTML/HTML & CSSスタイルシート・デザイン辞典
ソーテック社 - 【送料無料】誰でもできる!ブログで簡単!アフィリエイト
ソーテック社