CSS3でできるようになったこと

では、CSS3の具体的な活用法を説明して行きましょう。

CSS3は、これまでにも語ってきたように、CSSシリーズの延長であり、特別な存在ではありません。
そのため、CSSの基本的な概念をそのまま活用できます。
たとえば、色指定や文字のサイズ、フォント、行数、配置などの指定、あるいは背景や表の指定など、ホームページを構成する様々な要素を指定する上で、なるべく簡略化しようというのが、CSS3の基礎概念となります。

それなら、従来のCSSから何が変わったのかというと、モジュール化した事で、個別に対応できるようになったという点がひとつ挙げられます。モジュールごとに、対応、未対応のブラウザがあるので、ある意味複雑になった要素もありますが、基本的にはさらに便利になったと考えていいでしょう。

そして何より大きな相違点は、機能が多数追加された点です。要するに、できる事が多くなったという事です。
たとえば、従来のCSSではボックスを表記する場合、あまり種類がない中から選ぶ必要がありました。
そのボックスは、無骨とはいえないまでもあまり柔らかいデザインではなく、あまりホームページの雰囲気にはふさわしくない、でもこれしかないから仕方なく使う、という状況が多々生まれていたのですが、CSS3ではその点が改善されています。

代表的なのが「角丸」と呼ばれるもので、角が丸みを帯びたボックスを表現できるようになりました。
これによって、柔らかい雰囲気のボックスを作れるようになったのです。