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を用いることで、ページ管理もソース管理もしやすくなりますので、覚えておくとよいでしょう。

サーバー村おすすめランキング

ランキング1位エックスサーバー

大容量200GB・MYSQL30個の人気格安サーバー!
月額1050円でストレスなく安定感抜群のwordpressユーザおすすめのレンタルサーバー!

詳細ページはこちらへ→

ランキング2位ロリポップ

月105円~最大100GB!
約110万人にご利用されているロリポップ!
初心者でも安心して始められるブログ、ホームページ制作の定番サーバー!

詳細ページはこちらへ→

ランキング3位ミニバード

月額263円格安サーバー。
wordpres初心者に大人気!容量50GB・MYSQL5個・ラクラクインストール!

詳細ページはこちらへ→

他のサーバーをランキングで見る

  • コストパフォーマンス比較おすすめ

  • スペックサーバー比較おすすめ
  • wordpressサーバー比較おすすめ
  • 格安サーバー比較おすすめ

PAGE TOP