タグ

ブックマーク / www.hamashun.com (2)

  • classとidの使い分けについて考えてみる | Blog hamashun.com

    CSS Nite Vol.18の懇親会で行われたiwaimさんのプレゼンで、headerの部分は当にidでいいの?という問いかけがありました。 多分、多くの人が行っているclassとidの使い分けは、複数回登場するかしないかだと思うんですけど、それはどうやら間違った基準なようです。 仕様書は? そもそも、仕様書の定義としては、二つの違いはどうなっているのでしょうか。 id = name [CS] この属性は、要素に名前を割り当てる。この名前は文書中で一意でなければならない。 class = cdata-list [CS] この属性は、ある要素に1つのクラス名を割り当てるか、または複数のクラス名を設定する。幾つの要素に対してでも、同じクラス名あるいはクラス名群が割り当てできる。複数のクラス名については、空白文字によって区切らねばならない。 The global structure of a

  • グラデーション角丸+リキッドレイアウトをCSSでコーディングする時の考え方 | Blog hamashun.com

    追記 2007-11-03 サンプルのDLを追加 ご注意 この記事は、「考え方」を紹介する物です。 「サンプルソースをコピペして使いまわせる!」という類の物ではありませんので、ご注意ください。 魔の角丸 マークアッパーの頭を悩ませるデザインの一つに、角丸があります。 ただの角丸ならまだいいんですが、グラデーションがかかっていて可変幅だったりすると途端に厄介な存在になります。 安直に考えたスライス 厄介さの原因は、画像の枚数の多さです。 グラデ角丸+可変幅の場合、通常であれば8枚の画像をスライスする事になります。 CSS2.1では1つの要素に指定できる背景画像は1枚だけなので、要素も8つ必要になります。 もちろんdivを8個使ってしまえば実現は容易ですが、その手法は躊躇するべきです。 文書の意味付けにならないdivを増やす事になるので。 考え方とサンプル ではどうするかと言うと、その文書に元

  • 1