タグ

cssに関するtorinotorinoのブックマーク (11)

  • CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

    今回は見出し(h1〜h6タグ)のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。

    CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選
  • [CSS]マージンとパディングの使い分けをおさらい | コリス

    CSSnewbieのエントリーから、ボックスモデルのマージン(margin)とパディング(padding)の利用シーンにおける違いを紹介します。 When to Use Margins and Padding マージン(margin)を採用する場合 パディング(padding)を採用する場合 ブラウザによる問題 マージン(margin)を採用する場合 borderの外側にスペースが必要な場合。 スペースに背景色(画像)を適用したくない場合。 上下に隣接したボックスにスペースを設ける場合、マージンの相殺を期待して、大きいサイズを有効にしたい場合。 例:15px + 20px の場合、スペースは20px。 ※相殺されない場合もあります。 パディング(padding)を採用する場合 borderの内側にスペースが必要な場合。 スペースに背景色(画像)を適用したい場合。 上下に隣接したボックスにス

  • 各種CSSメニューをカスタマイズしてダウンロードできる『CSS MENU MAKER』 | 100SHIKI.COM

    このサイトでメニューを作って張ってみたんですが メニューがTOP画像の上に表示されるのです。 どうすればよいでしょうか? Top Tools Yotube Music Diary これがHTMLで ul#menu { margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; height:36px; font-size:12px; font-weight:bold; text-transform:lowercase; background:transparent url(“http://error911.up.seesaa.net/image/bg.jpg?20090326204938″) repeat-x top left; font-family:”Trebuchet

    各種CSSメニューをカスタマイズしてダウンロードできる『CSS MENU MAKER』 | 100SHIKI.COM
  • ちょっと使えるかもしれないCSS(1) - 見出しを飾る | オトコのキモチ2

    こちらのブログには認証がかかっています。 ユーザー名 パスワード Powered by Seesaa

  • 第4回 HTMLからXHTMLへの移行方法(1):ITpro

    HTMLからXHTMLにスムーズに移行するには、「書式の違い」をきちんと押さえておくことが不可欠。今回は「XML宣言」「文書型宣言」「XML名前空間と言語コード」「MIMEタイプ」「style要素とscript要素」について見ていこう。 HTMLよりも書式が厳格なXHTML XHTMLHTMLをXMLで再定義したマークアップ言語であり、HTMLの簡便さを残しつつXMLの論理的厳密性を備えている。そのため、HTMLのようにルーズなコーディング(たとえば終了タグがないなど)でもブラウザで問題なく表示される、ということはほとんどない。したがって、書き方にエラーがないかどうか少し神経質にならなければならない。 また、CSSがきちんと適用されないというトラブルも、実はXHTMLが正しく書かれていないことに起因していることが少なくない。 これらの問題を避けるべく、エラーのないソースにするには、バリデ

    第4回 HTMLからXHTMLへの移行方法(1):ITpro
  • 大藤幹 『世界の「最先端」事例に学ぶ CSSプロフェッショナル・スタイル』 - モジログ

    MYCOM BOOKS - 大藤幹 『世界の「最先端」事例に学ぶ CSSプロフェッショナル・スタイル』 http://book.mycom.co.jp/book/4-8399-1907-0/4-8399-1907-0.shtml 『Web Designing』誌に連載されている、大藤幹氏のCSS記事をまとめた。 これは早くになってほしいと以前から思っていたが、になってみれば、連載に加えて特集記事などのオマケもついて、予想以上に充実した素晴らしい内容になっている。 この連載(書)がいいのは、CSSの文法を教科書的に解説するのではなく、CSS界で名高いトップデザイナーが作ったサイトを題材に、そのCSSコードを実際に解析して、詳しく解説している点だ。 プログラミングでも、語学でもそうだが、文法を解説することが主眼の教科書は、「This is a pen」式の味気ない例文で学ばされることが

  • テーブルタグ作成ページ

    ここはテーブルタグ(表)を項目を指定していくだけで簡単作成することができます。 下にあるボタンで現在の結果を新ウィンドウで確認することができます。 ボタン下にある項目を選択していき、再度ボタンを押せば変化があります。 完成したタグが欲しければ、結果ページの下にあるテキスト部分をコピーしてください。

  • 参考になる CSS 集

    テンプレートいろいろ 特定の文書構造とセットの CSS ばかり。まあ、「テンプレート」ですからね、私の不満はいちゃもんに過ぎないのでしょう。これからはスタイルシートでデザインする時代だ、なんていってみても、レイアウト用の div 要素などはたくさん書いても、文のマークアップには無頓着な人がほとんど。だからきちんと HTML の主要な要素について装飾を指定したスタイルシートには需要がない。 個人的には、以下のリストに示すスタイルシート群の方がずっと「参考になる」と思うのだけれど……。 Appendix > CSS List - outsider reflex CSS カタログ 「言葉 言葉 言葉」スタイルシートギャラリー スタイルシートライブラリ - W.F.N. CSSギャラリー ちなみに私の書くスタイルシートは、自分が使わない要素の装飾についてまともな指定がなされていないので、あまり汎

  • スッキリかんたんスタイルシート

    アップデートされたInternet Explorerブラウザを使用してFlashコンテンツを表示した場合,閲覧者はコンテンツを表示できますが,コンテンツと対話することはできません。 コンテンツの上にマウスを置くと,有効化するためにコンテンツのクリックを求めるツールヒントが表示されてしまいます。それを通常どおりに動作させるための回避策です。 私が購入した下記PCはいまだに健在です。 1998年 Dimension T6001999年 Inspiron(2台) 2003年 Latitude D600

  • これで全部ブラウザテスト

    PG WALLET สล็อตออนไลน์พร้อมเงินฝากอัตโนมัติ pg slot วอเลท ผู้ให้บริการสล็อตออนไลน์ระดมทุนผ่าน True Money Wallet บริการสล็อตฟรีที่พร้อมมอบประสบการณ์การเล่นเกมสล็อตออนไลน์และบริการฝากเงินให้กับคุณ ง่ายๆ ด้วยวิธีการฝากเงินยอดนิยมในปัจจุบัน บัญชีทรูมันนี่ หรือ ทรูมันนี่วอลเล็ท PGWALLET ครบวงจร แนะนำสมาชิกใหม่ ส่วนลด 50% ข้อเสนอพิเศษสำหรับสมาชิกใหม่ โบนัสฟรี 50% ฝากครั้งแรกเพียง 100 บาท slot pg รับวอลเ

  • 満足せる豚。眠たげなポチ。:2005年の技術的なトレンドに乗り遅れないための5つのテーマ

    年の暮れだからこそ、今年の技術的なトレンドへ乗り遅れないように復習をしたいもの。 Web2.0が脚光を浴びた2005年。とりあえずこの5つの分野から苦手分野をきっちり潰していきたいと思います。(多分にぼくの偏見と苦手分野の重視が影響している点はご了承ください。) Ajax Ruby on Rails HTML/CSS Javascript 正規表現 ということで、おすすめの書籍やサイトを総括。 Ajax 2005年はこれしかないでしょう。も杓子もAjaxと連呼した年でした。 Ajax: Web アプリケーション開発の新しいアプローチ http://antipop.gs/docs/translations/ajax.html これがなくちゃ始まらないですから。 Ajaxの質、「非同期メッセージ型ウェブ・アプリケーション」のススメ http://satoshi.blogs.com/life

  • 1