タグ

cssに関するviva100sのブックマーク (3)

  • CSSセレクタ20個のおさらい

    CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル

    CSSセレクタ20個のおさらい
    viva100s
    viva100s 2011/06/15
    おさらい。後で目を通す。
  • classを指定するだけでGitHub風のボタンが作れる「CSS3 Buttons 」 | Web活メモ帳

    ちょっとしたボタンに使えそうなCSSフレームワークだったので、ご紹介。 cssを読み込んでclass指定するだけでGitHub風のボタンが作れちゃいます。 以下に使い方を簡単にご紹介。 四角いボタン aタグにclass=”button”を追加します。 リンク 角丸のボタン class=”pill button”を追加します。 角丸リンク エラー系ボタン class=”negative button”を追加 リンク 個人利用および商業利用も可能との事です。ダウンロードは下のリンクからどうぞ。

    classを指定するだけでGitHub風のボタンが作れる「CSS3 Buttons 」 | Web活メモ帳
  • [CSS]text-shadowでここまでできる、かっこいいエフェクト集

    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; レタープレスのテキストエフェクト

    viva100s
    viva100s 2010/11/09
    これは使えるときがありそう。
  • 1