CSS ビギナー向け

CSSレイアウト 実践講座2 デフォルト、ベースの設定

CL company

前回のエントリーに引き続いて今回から具体的に実践に入っていきたいと思います。

CSSレイアウト 実践講座1

CL company

CSSレイアウトを覚える一番の近道は実践で経験をつむって事が一番だと思うですよね。

なので、実際にありそうなサンプルサイトを作ったのでこのサイトをこれから作っていきたいと思います。

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

3カラム

前回2カラムのレイアウトの解説したので、今回は

このような3カラムのレイアウトの解説をしようと思います。

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

2カラム

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

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

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

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

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

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

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

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

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

Domo Page

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

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

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

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

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

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

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

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

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

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年