2008年3月

CSS レイアウトの基本 2カラム

2カラム

このようごくごく普通の2カラムのレイアウトの解説をしようと思います。

基礎をしっかりと押さえてないと、応用なんて出来ないですからね。

自分の経験を生かしてレイアウト崩れがおきにく用な組み方をしたいと思います。

レイアウトの基本 ボックスモデルの概念とボックスを構成要素

CSSでWebサイトをデザインするうえで、最初に理解しておかないといけないのが、「ボックスモデル」と呼ばれているデザイン概念です。

一度理解してしまえば、凄く簡単な事だと思うですけど、言葉だけでは理解しにくいと思うので、図にしてまとめてみました。

横並びのナビゲーションの基本的なら作り方

Webサイトにおいて、横並びのナビゲーションは必要不可欠だと思うので、まずはその基本的作り方についての解説をさせてもらおうと思います。

今回は基本的な作り方なので、画像など使わずにCSSのみを使ってのナビゲーションにしようと思います。

Domo Page

文字装飾について フォントのデザイン「応用編」

前回のエントリーでフォントのデザインについての基本を解説をさせて貰ったので、今回は少し応用したフォントのデザインについての解説をさせて貰います。

文字装飾について フォントのデザイン「基本編」

CSSデザインに入るうえで、文字の色や大きさ、読みやすい文章を作るのが一番基本的な事だと思うので、ここで文字装飾についての解説をしておこうと思います。

今回はフォントの基本的な指定方法についてのプロパティを紹介します。

CSS基礎講座3 スタイルの優先順位について

前回、前々回のエントリーでセレクタと値についての基礎をかいたのですが、今回は記述したセレクタが適応される優先順位についての簡単な解説をさせて貰います。

CSS基礎講座2 プロパティ、値について

CSS基礎講座1ではセレクタの解説をさせて貰ったので、次は「プロパティ、値」についての解説をしていこうと思います。

CSS基礎講座1 セレクタについて

CSS LctureではCSSの基礎から順序をおって記載していきたいと思っているので、今後ともどうぞ宜しくお願いします。

一番初めセレクタの基礎からLctureしていこうと思います。

もうそんなの知っているよ!って方は違うエントリーをご覧下さい。

CSS Lectureについて

はじめまして

CSS Lecture管理者のMIYAです。
今後、CSS LectureはCSSに関する事を中心にWebサイト制作に関する情報を掲載していこうと思います。

それ以外にも自分が好きなWebサイトやよく拝見させて貰っているWebサイトなどもどんどん紹介していこうと思っています。

CSS LectureでのデモページはデフォルトCSSに公開している、CSSを使った上での解説となります。

自分自身まだWeb製作に関わって、日が浅いので、もし何か間違っている点や、意見等御座いましたらメール、コメントなどでご指導いただけれ幸いです。

CSS Lectureをよろしくお願いします。

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年