CSSの基本と属性について
CSS(カスケーディング・スタイル・シート)とは、WEBサイトのレイアウトを構築するための言語です。今現在のホームページの全体がCSS言語を利用して作成されております。
また、CSS言語は、WEBページの処理速度を上げることにも効率化され、外部ファイルから読み込みさせて利用されることが多いです。
CSSの歴史について
CSSは、HTMLが進化するにつれ、マークアップの構造化が複雑化され、ページの見栄えをよくするためにHTML3.2より一部利用されておりました。
HTML4.0以降では、ホームページが全面的に推奨されるようになり、急加速で一般化されるようになり、今では、CSS3という、進化まで発展を遂げている言語となります。
なぜ、そこまでCSSが採用されるようになり、利点があるのかということになります。
CSSの3つの利点
- ファイルが分離されている
- CSSファイルは、HTMLファイルと基本は、分離されていることもあり、WEBページの軽減にもつながり、処理速度が速いとされております。また、CSSで見栄えに集中することができるため、制作者にとっては必須なほど楽になったからです。
- レイアウト調整が簡単に修正できる
- tableで作成されていたレイアウトだと、修正が重なったときに非常に複雑になっており、ソースを見ることが嫌になるほどです。CSSでレイアウトを組んでしまえば、ソースも見やすく、横幅やカラム数を自由に変更することができ、感単に修正することが可能となります。
- 一度作れば流用することが可能
- 一度作ってしまえば、次回の制作時に流用することが可能です。複製さえすれば、同じようにつかえることができ、作業の効率化を図れることが最大の利点です。スピードを求めらる場合には、より発揮してくれるでしょう。
これらの利点を生かすためには、CSSを記述する際は、HTMLファイルとはべつの拡張子『.css』ファイルを作る必要があります。HTMLファイル内から読み込ますことが最も一般的に利用されております。
HTMLファイル内に、CSSを記述することも可能ではありますが、内部に記述すると、上記に記載した利点が軽減されてしまうことになります。HTMLファイルとは、別に『style.css』を用意することで、他のサイトにも流用しやすくなります。
CSSの中身はどうなっている?
CSSを記述するあたってとの中身は、文字サイズ、行間、横幅、背景などの、文書の要素に関連する属性が定義が記述されたものになります。
属性に合わせてCSSにどんどんと記述していくと、レイアウトやタイトルが彩られ綺麗なサイトを仕上げることが可能となります。
CSSを用いることで、ページ管理もソース管理もしやすくなりますので、覚えておくとよいでしょう。