スタイルシートの外部ファイル化

ページのHTMLソースに記述することも出来ますが、外部ファイルにして、他のページも共通で使えるようにした方が良いと思います。
ファイル名は、「.css」で終わる名称にします。例えば、「test.css」といった感じです。
そして、そのスタイルシートを使うということを、HTMLソースの<head> ~</head>部分に記述します。

【例】
<link rel="stylesheet" href="test.css" type="text/css">

あとは、必要な項目をスタイルシートに記述するだけです。

【例】
/*-----    構成    -----*/
#base {
width: 600px;
height:800px
}
#left {
float : leftt;
width :200px;
height:100%;
}
#right {
float : right;
width : 400px;
height:100%;
}
#footer1 {
clear: both;
width : 600px;
}

※ちなみに、「/*      */」で囲まれた内側にコメントを書くことが出来ます。

■スタイルシートの検証ツールがありますので、ご紹介しておきます。

W3C CSS 検証サービス

関連書籍



ホームページ辞典 第5版 HTML・CSS・JavaScript
著者: 株式会社アンク   出版年月: 2012-03-14  
定価: ¥ 2,100 (新品)
アメブロ カスタマイズ&デザインブック
著者: 藤原 直樹   出版年月: 2012-02-18  
定価: ¥ 1,974 (新品)
HTML5 CANVAS & CSS3 デザインガイド (DESIGN GUIDE)
著者: 鈴木 清安   出版年月: 2012-02-03  
定価: ¥ 2,709 (新品)
月刊新潟Komachi 3月号
出版年月: 2012-01-25  
定価: ¥ 675 (新品), ¥ 675 (中古)
DreamweaverではじめるWebサイト構築―「HTML」「CSS」を効率良くコーディング (I・O BOOKS)
著者: 村山 秀明   出版年月: 2012-01  
定価: ¥ 2,415 (新品)
No votes yet

にほんブログ村 IT技術ブログへ人気ブログランキングへ