少しの労力でサイトをかっこよく！見出しのCSSデザインに役立つジェネレーター＆サンプル集30個まとめ
見出しジェネレーター 外観や色を選んでCSSを生成するジェネレータータイプ。 CSS見出しジェネレーター CSS見出し-ジェネレーター | WEB道 吹き出しやリボン、背景色、ボーダー色、文字色、影、ぼかしなどを選択して見出し用のCSSを生成するジェネレータ。 見出しメーカー 好きな色でCSS見出しが作れます | スタイルシート見出しメーカー 好きな色を選んでボタンを押すだけでシンプルな見出しが作れる見出しメーカー。 見出しサンプル集 見出しデザインと、HTML・CSSがセットになったデモサンプル集。 CSS見出しデザインのアイデア9個 H1一つでここまで出来るCSS見出しデザインのアイデア9個 切り取り線、テープ、リボン、吹き出し、アメリカンな吹き出し、付箋、メタルプレート、モザイク、旗、のような見出しをCSSのみで実現しています。ポイント解説などもあってわかりやすいです。 CSSのみで
margin？padding？ボックスモデルを理解しよう！あとbox-sizingが便利だよ、って話
CSSで指定するwidth/heightは、特別な指定（後述）が無い限り赤の内容領域の大きさを指定することになります。 また青のboaderまでを含み要素とみなされるので、背景色を指定した場合はboader/padding/content areaの3つに色がつきます。 margin/border/paddingはそれぞれtop/right/bottom/leftの属性を持っているので、個々に指定することもまとめて指定することもできます。 このように要素が展開する領域の考え方をボックスモデルと呼びます。 marginとpaddingを使い分ける 同じように見える余白にも、明確に違いがあることがボックスモデルからわかるかと思います。 余白の表現に迷った時には、私は下のような基準で考えてmarginとpaddingを使い分けています。 boaderの内側の余白はpadding 背景色を含んでい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインサンプルで学ぶCSSによるスタイリング～「見出し」編
http://www.keni-customize.net/custom-midashi-design-555/