[B! CSS] taknakのブックマーク

taknak id:taknak

CSSに関するtaknakのブックマーク (5)

[CSS]マージンとパディングの使い分けをおさらい | コリス
CSSnewbieのエントリーから、ボックスモデルのマージン(margin)とパディング(padding)の利用シーンにおける違いを紹介します。 When to Use Margins and Padding マージン(margin)を採用する場合パディング(padding)を採用する場合ブラウザによる問題マージン(margin)を採用する場合 borderの外側にスペースが必要な場合。スペースに背景色(画像)を適用したくない場合。上下に隣接したボックスにスペースを設ける場合、マージンの相殺を期待して、大きいサイズを有効にしたい場合。例：15px + 20px の場合、スペースは20px。 ※相殺されない場合もあります。パディング(padding)を採用する場合 borderの内側にスペースが必要な場合。スペースに背景色(画像)を適用したい場合。上下に隣接したボックスにス
taknak 2008/03/19
CSS
リンク
CSS Type Set 勝手に日本語版
CSS Type Set is a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content.
taknak 2008/02/29
CSS
リンク
CSSでの左寄せ・中央寄せ・右寄せ方法、1行に混在も可 [ホームページ作成] All About
CSSでの左寄せ・中央寄せ・右寄せ表示方法日本語や英語など「文字を左から右へ向かって記述する言語」で書かれたHTMLでは、文字寄せ方向が指定されていないなら、文章は左寄せで表示されます。しかし、タイトルや見出しなどを中央寄せ(センタリング)して掲載したい場合はよくありますし、日付や注釈などを右寄せにして掲載したい場合もよくあるでしょう。ウェブページに掲載した文章や画像の文字寄せ方向を指定して、左寄せ・中央寄せ・右寄せで表示する方法は簡単です。CSSのtext-alignプロパティを使って、寄せたい方向を指定するだけですから。しかし、単に1行の文章を左寄せや右寄せで表示するのではなく、同じ行内に「左寄せの文章」と「右寄せの文章」を同時に書きたい場合もあるでしょう。例えば下図のようにです。そこで今回は、HTMLで記述した文章にCSSを適用して、特定の範囲を左寄せ・中央寄せ・右寄せの3通り
taknak 2007/11/06
Web

CSS
リンク
スタイルシートの技
スタイルシートの技このページでは実用的なスタイルシートによるデザイン・レイアウトなどをメインに扱っております。スタイルシートをサブで使うかメインとするかは賛否両論あります。また、世の中にスタイルシート解説サイトは多数あると思いますが、スタイルシートの持つ意味を誤解しているサイトが少なからずあるのと、リファレンスのような書き方ではデザインへの応用が効かないのでは？という事を考えて、すぐに利用できる実用的な形式で参考になればと思って作成しました。スタイルシートを勉強すると、当サイトの一番下にある「design」のように、 Javascriptと併用したデザイン切り替えページなどを製作する事ができるようになり、表現の幅が広がります！自分のスタイルシートの知識を簡単にテストできる問題を作ってみましたので、どうぞ。 Introduction - 基礎・導入編
taknak 2007/11/06
Web

CSS
リンク
ふつうに横三角 - ぼくはまちちゃん！(Hatena)
ＣＳＳで横三角。「半キャラずらし」 (インターネット帳面) 今回はお題の通りインターネット帳面でもやってる「ＣＳＳで横三角をやる方法」。２バイト文字の三角記号は▲や▼しかないので横方向を示すことができませんでした。これをなんとかどーにかできんものかと。 ↑こんな記事があって、ちょっと面白かったので、参考までに、ふつうの横三角のコードも書いておきますね！ » (») « («) ▷ (▷) ▶ (▶) ◁ (◁) ◀ (◀) そうそう、この中でも » って結構使えるよ！よくサイドのメニューとかで、CSS を使って <li> の背景左端に、三角っぽい画像を設定したりするよね！でも » をつかえば、画像がなくてもこんな感じ！ » Diary » Bookmark » Fotolife »
taknak 2007/08/09
Web

CSS
リンク
1