タグ

safariとcssに関するhibiki443のブックマーク (2)

  • HTML/CSS:FirefoxとSafariのCSS徹底検証 - builder by ZDNet Japan

    ウィンドウサイズによってスタイルシートを変える ブラウザのウィンドウサイズは環境によってさまざま。特定サイズを想定し作成すると、それ以外でコンテンツが読みづらくなる。最近はiPhoneなどに対応する必要もあるが、サイズ別にページを用意するのは制作・管理面で手間。こんなときはCSS3のMedia Queryを利用するといい。 2010-03-02 08:00:00 CSS 3のアニメーション機能を使ったロールオーバーやフェードインの設定 CSS 3のアニメーションの機能を利用すると、これまではJavaScriptやFlashを使わないと設定できなかった効果をスタイルシートだけで設定できるようになる。今回はアニメーションを利用したロールオーバーボタンの作成やフェードインの設定を行いながら、アニメーション関連プロパティの細かな機能を見ていきたい。 2010-01-04 13:41:01

  • CSS 3のセレクタ解説::root、:not、:empty、:target - builder by ZDNet Japan

    :rootはルート要素にスタイルシートを適用するためのセレクタだ。ルート要素とは最上位階層に位置する要素のことで、HTML文書では全体をマークアップしているがルート要素となる。 テキスト 文です。文です。文です。文です。文です。文です。文です。文です。文です。文です。文です。文です。文です。文です。文です。文です。文です。文です。文です。文です。文です。 ※ と に注目 これに対して、:rootで次のようにスタイルシートを指定すると、コンテンツ全体が黄色い罫線で囲んで表示される。さらにここでは、でマークアップしたbody要素を黄緑色の罫線で囲むように指定しており、body要素はルート要素の内側に表示されることがわかる。

    CSS 3のセレクタ解説::root、:not、:empty、:target - builder by ZDNet Japan
  • 1