![Template Bank[テンプレートバンク]](http://movabletype.gonz-style.com/tbank.gif)
ブログタイトルをデザインする
今回からは、スタイルシートを使ったデザイン講座です。
デザインの方法は、CSS（カスケーディング・スタイル・シート）という技法を使います。
つまり、Movable Typeのスタイルシートテンプレートを使うということです。
見栄えは、スタイルシートに記述して、中身（コンテンツ）は、各テンプレートに記述する方法です。
では、最初は、ブログタイトルをスタイルシートを使ってデザインしてみましょう。
通常、Movable Typeでは、ブログのタイトルは、H1タグを使います。
H1タグというのは、HTMLタグのことで、「見出し文字」を意味します。
書籍でいうと、その本のタイトルに相当しますね。
ブログタイトルの見栄えを変更するには、スタイルシートで、H1タグについて定義すればいいわけです。
なんのこっちゃわかりませんよね。
具体例で説明しましょう。
h1 {
font-size:20px;
}
20pxとは、20ピクセルという大きさの単位を表しています。
Webの世界では、ピクセルという単位が標準になっていますので、pxという単位は覚えておきましょう。
font-sizeを属性と呼びます。
h1を要素と呼びます。
スタイルシートでは、次のように記述します。
要素 { 属性:値; }
ここでは、h1という要素（h1タグ）をフォントサイズ20ピクセルで表示すると定義しています。
h1 {
color:#FFFFFF;
}
#FFFFFFは、HTMLのカラーコードと呼び、#FFFFFFは、白色です。
他に、#FF0000は赤色、#FFFF00は黄色、#0000FFは青色というような感じで表現します。
カラーコードは、Webセーフカラーと呼ばれる256色で指定することをオススメします。
参考リンク：IT用語辞典e-Words Webセーフカラー
h1 {
margin-top:10px;
margin-bottom:20px;
margin-left:30px;
margin-right40px;
}
下の要素との余白は、margin-bottomを使います。
左の要素との余白は、margin-leftを使います。
右の要素との余白は、margin-rightを使います。
同じ要領で、ブログの説明文（H2タグ）もデザインできます。
Movable Typeとは、なぜMovable Typeを使うのか、Movable Typeのしくみ、テンプレートとは、プラグインとは、Movable Typeの基本を初心者にもわかりやすく解説します。
テンプレートの作り方、スタイルシートを使ったデザイン、プラグインの紹介と使い方、モジュール・テンプレートの使い方、１カラム型・２カラム型・３カラム型テンプレートの作り方などを初心者にもわかりやすく解説します。
1カラム型、2カラム型、3カラム型のテンプレートを作る方法
Movable Typeのスタイルシートを使って、オリジナルデザインにしよう
インストールのトラブル、記事（エントリー）投稿時のトラブル、サーバエラーやページが表示されないなどのMovable Typeに関する疑問・質問を解決します。
Movable Type3.2用のテンプレートを無料配布しています。 １カラム型、２カラム左サイドバー型、２カラム右サイトバー型、３カラム型、フリースタイルなど今後もどんどん追加する予定です。