カスケードスタイルシートを使う(CSS) −知っておくと「得」をする知識を紹介



トップ > サイト構築「実践知識とワザ」 > カスケードスタイルシートを使う(CSS)
カスケードスタイルシートを使う(CSS)

スタイルシートを知る
『スタイルシート』はホームページの文字の大きさや色といったページのデザインに関わる部分を指定して見栄えをよくするものです。 見出しや本文、リストなどの文書の構造を決める『HTML』と切り離すことで 大量にあるページのデザインを一度に変更することができるのです。

また、SEO(検索エンジン最適化)の面からも効果があるので是非とも知っておいてくださいネ♪

私の失敗&苦労』の「H1タグ」と「外部ファイル」でも紹介していますが、このページで もう一度解説したいと思います (#^.^#)


 
↓ 「経理マン(^-^;)」の兄弟サイトの場合(例) ↓
     ☆☆ HTMLファイル ☆☆
 ※ スペースの加減で一部編集してあります。

     ☆☆ CSSファイル ☆☆
↑ こんな感じで作成しています ↑


同じ色同士が対応。 「HTML」で書かれた内容に対して「CSS」でデザインの指示をしています。

→ <LINK rel="stylesheet" type="text/css" href="../image/style.css"> ←

※ hrefには読み込みたいスタイルシートファイルを指定してください。

上記の場合は「image」フォルダの中に「CSS」ファイルを保存してある状態です。 なので、「image」フォルダのCSSを編集することで全てのページの編集が一度で完了してしまいます!

『スタイルシート』は 【h1】などの「セレクタ」と【 { 】〜【 } 】 までが1つという構成になっています♪ 「セレクタ」にデザインを加えたいHTMLのタグを指定して、どのようなデザインを加えるのかを【 { 】〜【 } 】 でしてして下さいネ └|∵|┐
参考にしてください♪

初心者でも分かるホームページ作成
  なぜホームページ・ビルダー?
  ホームページ・ビルダーの使い方
  バナー広告掲載で稼ぐには
  バナー広告の報酬形態
  バナー広告の掲載方法
  ホームページを作ってみよう!
  「経理マン(^-^;)」の失敗&苦労」
  サイト構築「実践知識とワザ」
無料レンタル利用でホームページ作成
  無料『メールフォーム』
  無料『アクセスカウンター』
  無料『掲示板』
  無料ブログ(ウェブログ)



  更新情報♪


「ページの上」へ移動します♪

『目指せ!金持ち経理マン』はリンクフリーです♪
目指せ!金持ち経理マン −副収入&株式投資−
当サイト内の内容・構成・デザイン・テキスト、画像の無断転載・複製(コピー)は一切禁止です。
いかなる損害が発生しても当方は一切責任を負いませんのでご了承ください。
ご利用は自己責任でお願いします。
当サイトのデザイン&画像&文章の無断複製は、禁止です!!