[PR] 容量300MB、月額125円、高性能なサーバが日本最大級のバックボーンに直結。さくらのレンタルサーバ。
スタイルシーットって何？ＣＳＳとは？
「スタイルシート (Style Sheet)」とは、HTMLやXMLに代表されるWeb文書の表示やレイアウト、デザインなどを定義するための概念です。
「CSS(Cascading Style Sheets)」とは、スタイルシートの考え方を実現するための技術の一つです。最近では、ブログのレイアウトやデザインにＣＳＳが活用されたことで、より多くの人がスタイルシートに触れる機会を持つようになりました。なお、CSS以外にも「XSL」、「DSSSL」などのスタイルシート技術が存在します。
ＣＳＳで何ができるか？活用方法は？
ＣＳＳを活用すれば、ブログのレイアウトだけでなく、以下のようなロールオーバー風のリンクボタンも簡単に作ることができます。、
また、ボックス領域を自由に配置したり重ねたり入れ替えたりと、従来よりデザインの自由度が飛躍的に高まりました。
ボーダーの種類もバリエーションが豊富で、上下左右の枠線にそれぞれ違ったスタイルを適用することが可能です。以下はその一例です。
今後は使用を控えるべき非推奨タグや非推奨属性は、スタイルシートで書き換える必要があります。以下はその一例です。
スタイルシート・ＣＳＳのメリットとは？
何といっても「デザイン」と「文書構造（段落・見出しなど）」が切り離されることが最大のメリットです。スタイルシートのおかげで、ＨＴＭＬ文書に手を加えなくても後で自由にデザインを修正・変更できるようになり、Webページ製作・維持管理が非常に楽になったと言えます。ブログなどでサイト全体のデザインを簡単に変更できるのもこのスタイルシート技術のおかげなのです。
外部スタイルシートとの組み合わせで威力を発揮！
スタイルシートのメリットを最大限に活かすには、スタイルシートのみを独立させた外部ファイルの作成が一番です。スタイルシートを書く場所は大きく分けて①タグ内部、②<head>タグ内部、③外部スタイルシートの３つありますが、ページ数が多ければ多い程、③の外部スタイルシートの方法を選択すべきと言えます。詳しい方法については、「ＣＳＳをどこに書けばいいか？」のページをご覧ください。
