IDとClassの違い


筆者は、約2年前にHTMLとCSSについて技術や知識を付け始めました。 色々と知識をつけていく中で、「IDとClass」の違いだけ理解できませんでした。理解できるようになったのは、 最近の話です。そんなIDとClassの違いについて簡単にまとめてみました。 IDの場合 [html][/h...

clearの重要性


floatプロパティは、指定された要素を左または右に寄せて配置する際に使用します。 後に続く内容は、その反対側に回り込みます。 引用元:float-HTMLクイックリファレンス 何かボックスなどを左寄せに並べたり、メニューバーを作る時に「float」というプロパティを多く使用するかと思い...

marginとpaddingの関係


marginとpaddingの設定については、「Markup」でも多く行う処理だと思います。 しかし、初心者が一番つまずきやすいポイントとして、有名なのも「marginとpadding」の設定です。 しっかりmarginとpaddingについて理解をしておくことが、攻略の鍵になります。 ...

CSSにおけるショートハンド


「ショートハンド」という手法は、CSSのコードを打つ上でとても重要な事です。 実例: [css] #id { margin-top:10px; margin-bottom:10px; margin-left:auto; margin-righ...

ベンダープレフィックス


ベンダープレフィックス(接頭辞)とは、ブラウザベンダーが独自の拡張機能を実装したり、草案段階の仕様を先行実装する場合に、 それが拡張機能であることを明示するために付ける識別子のことです。 引用元:ベンダープレフィックス-CSSの基本[HTMLクイックリファレンス] 主要ブラウザのベンダープレ...

リセットCSS


Webブラウザごとに、本来持っているスタイルがあります。Webサイトを構築していく上で、そのスタイル情報が邪魔になってしまう事があります。つまり、邪魔された情報によって自分が組みたいように、Webサイトのレイアウトを組む事が出来ないという事態が起きてしまうわけです。 そんな事態を防ぐ技術のこと...

CSSの命名規則


命名規則(めいめいきそく、英: Naming conventions)とは、プログラミングを行う際に識別子の名称となる文字列を決定するためのルールを定めたもの。ネーミング規則、ネーミング規約、命名規約とも呼ぶ。 通常は、ソースコードの可読性や視認性の向上、プログラミング効率の改善などを目的としてい...

コメントアウトを活用しよう!


「コメントアウト」という言葉を聞いたことがあるでしょうか? Markupを使って頂いている方はご存知だと思います。 コメントアウトとは? HTMLやCSSといったコードを整理するときに使う機能です。 どちらにも書き方があり、その書かれたコード内はページでは表示されない作りになっています。 ...