ホームページ作成講座: marginとpaddingの違い
スタイルシートで余白を設定するとき、marginとpaddingを使用しますが、この二つの違いについて紹介します。 余白の設定【marginとpaddingの違い】 スタイルシートで余白を決める場合、 paddingとmarginがあります。 この違いは多少分かりにくいのですが、 違いを覚えて使えるようになると、なにかと便利です。 marginは要素に対して外の余白を決めます。 paddingは要素に対して内の余白を決めます。 marginは外の余白、paddingは内の余白と覚えてください。 ちょっと具体的に説明します。
無料で使えるCSSテンプレート配布サイト『CSS 4 Free』 | CREAMU
かっこいいCSSテンプレートで簡単にサイトを作りたい。 そんなときにおすすめなのが、『CSS 4 Free』。無料で使えるCSSテンプレート配布サイトだ。 『CSS 4 Free』では、GPL、あるいはCreative Commonsライセンスのもと、たくさんのCSSテンプレートが配布されている。 テンプレートを投稿することも可能で、templates@css4free.comにURLを送ることでギャラリーに追加してくれる。 ページング機能あり、タグクラウドありと、シンプルで使いやすいギャラリーサイトではないだろうか。 無料で使えるCSSテンプレート配布サイト、チェックしてぜひ使ってみていただきたい。 昨日も先輩とジムで会ったので飲み。楽しかったな。 あと仕事でActionScript 3をやり始めたので本を購入。どちらもとてもわかりやすい！ デジタル時計作成完了、xml取得完了、となかな
100%ピュアCSSのレイアウトサンプルが見られる『750 pixel Pure CSS Layouts』 – creamu
CSSのサンプルから簡単にサイトが作りたい。 そんなあなたにおすすめなのが、『750 pixel Pure CSS Layouts』。100%ピュアCSSのレイアウトサンプルが見られるサイトだ。 このサイトでは、750px、900px、および100%（ブラウザいっぱい）のサイズのCSSレイアウトがたくさん紹介されている。 サイドバーも左だけのもの、右だけのものや、3カラム、4カラムなどがあってとても参考になる。 CSSはリンク先のソースを見ればOKだ。 100%ピュアCSSのレイアウトサンプルが見られるサイト、チェックしてぜひ使ってみてはいかがだろうか。 いろいろとインテリアショップを見に行って部屋のレイアウトを変えてみた。すごくよくなって気持ちいい☆
簡単にCSSのナビゲーションが作成できるオンラインサービス -IzzyMenu
IzzyMenuは、CSSやJavaScriptを知らなくても、簡単にCSSのナビゲーションが作成できるオンラインサービスです。
Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
Web2.0とは何か？というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
ページ全体に枠線をつけるCSSテクニック:phpspot開発日誌
CSS Trick: Creating a?Body-Border - CSS-Tricks Hicksdesign has been “fiddling” with their site design. ページ全体に枠線をつけるCSSテクニック。 ↓ブラウザのサイズを変更しても、水色の枠が画面にフィットするCSSサンプルです。 まず、マークアップ。上下左右用にdivを作成 <div id="left"></div> <div id="right"></div> <div id="top"></div> <div id="bottom"></div> 次にCSS。left,right,top,bottomのtop,left,rightなどを調節して、上下左右に設定して枠線を表現しています。 #top, #bottom, #left, #right { background: #a5ebff
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
minimalsites | minimal design website gallery
第19回 サムネール画像をCSSで整然と並べる - MdN Design Interactive
CSS Dencitie
[CSS]使いやすいスタイリッシュなフォームを実装する17のチュートリアル | コリス