HTML&CSS

floatの仕組みとoverflowでfloat解除できる理由

HTML&CSSのコーディングで初心者泣かせなのがフロートを使ったレイアウトです。その理由は正しいfloatプロパティの原理原則を勉強してない事と、clearプロパティの正しい使い方を理解してないからです。 また、clearプロパティよりももっと簡単に使えるoverflowで解決する方法につ  >>続きを読む

CSS詳説(2)構文と基本データ型について

このカテゴリでは構文と値についての記述されています。 構文 トークン まずはトークンの決まりごとについて。 プログラム言語に置いてトークンとは、コードの最小単位の語句のことで、ここでは字句レベルで、CSSスタイルシートはトークンのシーケンスで構成されると定義されています。 その後、具体的なトークンと  >>続きを読む

CSS詳説(1)仕様書を見よう

CSSを本気で勉強するとしたら、仕様書をまず読みましょう。 今回の記事はCSSの仕様書に沿って重要な点をチェックしていきたいと思います。 もしあなたが入門書を勉強したり、ネットで情報を探しながらなんとなくCSSを覚えているとしたら、それはそもそも学習の仕方を間違えています。まずは仕様書を読むことが大  >>続きを読む

Illustrator環境設定〜角度の制限

Illustratorの環境設定から「一般」の中に「角度の制限」は通常「0」になっています。 この値を変更するとテキストを挿入したりオブジェクトを作成した場合に指定した角度になります。 角度の制限を30度にした例 よっぽど特殊な作業以外は環境設定するまでもなく回転ツールなど使えば済む話ですが、共用パ  >>続きを読む

Tableの使い方詳説〜HTML & CSS(2)tableやtdのborderとwidthの関係

セパレートタイプのボーダーの考え方 tableのボーダーは通常のボックスモデルの考え方ではありませんので注意してください。 まず、tableタグにボーダーを設定するとテーブル全体の外枠だけボーダーが引かれます。その際にwidth指定すると通常のボックスモデルのようにwidthの外にborderが引か  >>続きを読む