CSS3について

コメント強化の関係のバグ解決に疲れてしまったので、ちょっと休憩ネタ。

このブログのテーマとしている「WEBのお勉強」ネタにコメントをいただけたのと、
ちょっと面白いサイトを発見したので、紹介を兼ねてのCSS3の記事です。

まず、あまり詳しくないのですが、CSSとは
Cascading Style Sheets(カスケーディング・スタイル・シート)の頭文字のこと。
HTML分の見た目の部分を構成するファイル(拡張子CSS)のこと。
詳しくは⇒ウィキペディアの説明

現在(2011年4月)、CSS2というヴァージョンに、ほとんどのブラウザは準拠している。
(IEに関しては、異論がある方が多いと思うが…)
ので、それにしたがって、サイト作成者はCSSを作成している。

CSS3とは、新しいヴァージョンのCSSで、今までになかったものが実装されています。
ただ、いまいち広まってこないのは、IE7、IE8が対応していないからです。

このサイト、記事を囲っているエリア。丸くなって影がありませんか?
(もしなっていなかった。教えてください。)

サイドバーにある各種内容を囲っているもの、丸くないですか?
丸くない方。使っているブラウザがIE(インターネットエキスポーラ)ですね。
(もしくは、そのエンジンを利用しているブラウザ(SleipnirやLunascapeなど))

CSS3にて、新しく導入されたものの代表が、この丸くする、影をつけるものです。
あえて、勉強のために使ってみました。
この内容については⇒CSS3を使ってレイアウト変更

この機能が出る前はアールをつけた画像を四隅に入れたりとそういったことを行っていきました。

CSS3を使って、面白いことをやっているサイトを発見したので紹介。
なんと、CSS3をつかってドラえもんを書いています(画像を一切使わずに)。
出来が良すぎて、一般的にすごさが伝わらないかもしれません。
でもこれ、画像じゃないんです。⇒CSS3ドラえもん
(IEで見ると四角いドラえもんです。これはこれでかわいい。)
裏技shop DDさんのCSS3ドラえもんの記事
Pure CSS Design

あわせて、見つけたCSS3についてのまとめられた記事
(自分のためにリンク張っておきます。)
Webparkさん記事

IEのみ使っているかた、記事の意味が良く分からなかったかもしれません。
これを気に、違うブラウザも使ってみませんか。
ほとんどが無料ですし、IEと併用できます。

このエントリーをはてなブックマークに追加 Yahoo!ブックマークに登録
ボタンの色が白ならば、クリックし+1 を付けてください。
カテゴリー: CSS, HTML   パーマリンク

CSS3について への2件のコメント

  1. にょにょみ より:

    ドラエモンが四角でした
    IE以外使ったことないのです(*_*)

コメントをどうぞ

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" target="" rel="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <br> <cite> <code> <del datetime=""> <em> <i> <li> <ol> <p class="" align="" dir="" lang="" style=""> <span class="" dir="" align="" lang="" style="" title=""> <q cite=""> <strike> <strong> <sub> <sup> <u> <ul> <hr align="" class="" noshade="" size="" width=""> <img alt="" align="" border="" class="" height="" hspace="" longdesc="" vspace="" src="" style="" width="" localsrc="">

コメント大歓迎。ぜひよろしくお願いします。
Wordpressプラグイン「nofollow free」を利用して、ウェブサイトで入力されたURL、コメント内リンクのすべてに対してnofollow属性を取り外しています。
関連記事⇒コメントのリンクタグの「rel=nofollow」について
プラグインの取得は⇒nofollow free
このカスタマイズ文章の作り方の記事⇒nofollow freeカスタマイズ
↓スパムコメント対策
Comments on this blog, 'Akismet' is protected by.