CSSとは

HTMLが書ければホームページは作れますが、もう一つ知っておいたほうがいいのが、CSSです。

CSSとは

HTMLだけで書かれたサイトは、2000年代前半までありましたが、まっすぐに伸びていて、2カラムや3カラムではなく、1カラム、無理矢理テーブルで2カラムにしたようなものです。

CSSがわかれば、2カラム、3カラムのデザインが簡単にできます。

小見出しはこういう形、大見出しはこういう形、というのも簡単に指定できます。

CSSの例

CSSは、こんな感じです。

body { font-family: Verdana, Arial, Helvetica, sans-serif, "MS ゴシック","Hiragino KaKu Gothic Pro", Osaka;
margin: 0;
padding: 0;
font-size: 12px;
color:#000000;
background-color:#FFFFFF;
background-image:url(../img/bg.jpg);
background-repeat:repeat-x;
background-position:top;
}  

これは、「body」の部分は、MSゴシックの文字を使い、マージン幅0、パディング幅0、文字のサイズは12px、色は黒、背景色は白、背景にbg.jpgを使う、という意味です。

最初は難しければ、テンプレートを使ってもよいと思います。

CSSについてわかりやすく書かれた本

CSSについてわかりやすく書かれた本はこちらです。

  初心者向けホームページ作成方法  
サブコンテンツ

このページの先頭へ