タグ

CSS3と まとめに関するSyamoRokkuのブックマーク (3)

  • Internet Explorer 8では使えないCSS

    Internet Explorer 8では、ひらたくいうとCSS3から使えるようになったもの全般が効かないのですが プログレッシブ・エンハンスメント対応の場合切り捨てられる装飾 そして 対応してなかったのをうっかり忘れがちな便利要素 を中心にピックアップしてみました。 便利な装飾プロパティ 角丸のborder-radiusが使えない 色と不透明度を同時に指定できるrgbaが使えない 影をつけるbox-shadowとtext-shadowが使えない レスポンシブデザイン対応 media max-width min-width が使えない 疑似クラス :last-child が使えない :nth-child() が使えない 擬似要素 擬似要素を::after(または::before)の書式で書けない 擬似要素にz-indexがきかない 擬似要素にfilterがきかない 便利な装飾プロパティ 角

    Internet Explorer 8では使えないCSS
  • 保存版!CSS3セレクタの説明書

    CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 あと親子関係や兄弟関係などもあまり聞きなれないかもしれません。下の階層にある要素との関係が親子関係で、同じ階層にある要素同士の関係が兄弟関係です。 あと、CSS3と聞いて「どうせIE8以下はダメだし使えない」と思う方もいるかもしれませんが、セレクタに関しては簡単に対応できます。 IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」をご参考に。 それ

    保存版!CSS3セレクタの説明書
  • css-lecture.com

  • 1