CSS初心者カテゴリー 一覧

13.CSSを書いてレイアウトやデザインを施す(後編)

bodyに対して全体に適用させるスタイルを定義する まずはページの大本となるbodyタグに対してCSSを定義していきます。 基本文字サイズを16px 色は黒にほぼ近い#404040 行の高さは100%に フォントの設定 背景色は白へ 上記を定義すると以下の様なCS… 続きを読む

CSSレイアウト後編

12.CSSを書いてレイアウトやデザインを施す(前編)

さあ、CSSも基本を学びついに実際にHTMLファイルにCSSを書いて装飾を行いましょう。 今回は画像のように基本のシンプルなサンプルのWebサイトを作ります。シンプルといっても今後使っていけるスキルを散りばめたのでこれがわかるようになれば簡単なWebサイトは作れるようになるはずです。 … 続きを読む

コラム:class名とid名はどうやってつければいい?

CSSを定義する際に便利なのがclassとid。毎回固有のclass名やid名を考えるのは最初は戸惑うものです。 「何かわかりやすい命名規則はないか…」 「自分でつけているこの名前って問題ないのか…」 「毎回名前を考えるのが時間がかかる…」 といった問題は意外と大きい… 続きを読む

idとclass名の付け方やつかえる名前

11.HTMLファイルにclassとidをつける

以前HTMLの最後にワイヤーフレームを元にしてHTMLファイルを作成する記事を書きました。 6.どの部分にどのタグを使えばいいのか確認しワイヤーフレームを元にHTMLファイルを作成 その中で少し触れましたが、HTMLファイルのメイン部分をdiv#mainというので定義しました。… 続きを読む

10.ブロックレベル要素とインライン要素について

知っておくとCSSの組み立てがラクになる、「ブロックレベル要素とインライン要素の違い」について説明します。 これらはHTMLのタグの種類です。HTMLタグにはすべて「要素」があります。要素っていうとなんか難しく聞こえるんですがなんのことはなく、「このタグがどういう種類か?」ということです… 続きを読む

CONTACTお問い合わせ / お見積もり