First step CSS - Intoroduction
WWW パブリッシングの世界に登場した Cascading Style Sheets（カスケーディングスタイルシート：CSS）とはなんだろう？ 手近な書籍を広げてみよう。いま目にしているページを構成する視覚的な，もっと平たくいうと，デザインの要素はどんなものがあるだろうか。 まずは，文字の大きさ，それから，フォントまたはその書体。カラーだったら，文字の色もあるかもしれない。そのほかにも，行間，文章や図版の配置，囲み記事がある場合などは枠，ひょっとしたらその中が網掛けしてある場合もあるだろう。 ほかにも探せばたくさんある。CSS が話題にするのはこういった“デザインのファクタ”なのである。HTML で書かれた文書を CSS を使ってデザインするのである。 要するに，この CSS を使うことにより，今までより多彩な視覚表現を実現することができるのである。これにより，ワープロや DTP にも劣ら
リスト全体の余白を調整する
margin の値には auto（自動）を指定することもできます。 マージンとパディングの指定については、以下のページをご覧ください。 ボックスのマージン（外側の余白）を指定する ボックスのパディング（内側の余白）を指定する デフォルトの余白を取り除く方法 一般的なブラウザでは、リストの周囲に適度な余白が設定されています。 この余白を取り除きたい場合は、ul要素（またはol要素）に対して次のスタイルを設定します。 ul { margin: 0 0 0 1em; padding: 0; } 左マージンは、少なくともリストマーカー1つ分以上の大きさが必要です。（以下は1つの目安です） ul要素に設定する場合 … 1em 程度 ol要素に設定する場合 … 1.5em ～ 2em 程度 マージンとパディングを 0 にして、左マージンにだけ上記の値を設定する、といった感じになります。 余白の比較 u
スタイルされたクールなメニュージェネレーター「My CSS Menu」:phpspot開発日誌
My CSS Menu - Menu Generator - horizontal menu, vertical menu スタイルされたクールなメニュージェネレーター「My CSS Menu」。 次のようなメニューをオンラインで作成できるツールが公開。 単なる1階層ではなく、複数階層ＯＫのメニューです。 こういうメニューをさくっと作りたい場合は使えますね。 関連エントリ デザイン性に優れたCSSメニュー集 もうサイトのメニュー作成には困らない！多種多様なサイトメニュー配布サイト「Styled Css Menus」 使えるCSSメニューいろいろ CSSで作成されたサイトのメニューサンプル集 CSSのクールなメニューをオンラインで簡単生成「CSS Menu Generator」
これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20:phpspot開発日誌
皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]上級者向け、スタイルシートのテクニック集
駅風呂カスタマイズ本舗 : 仮想CSS編集ツール Web Developer
display:noneを利用してテキストを非表示にするのはスパム？ | 正しいSEO相談室
