CSSってそもそも何？

ほぼすべてのWEBサイトは「HTML」をベースに構築されています。
HTMLはサイトの構造を定義するためのコンピューター言語ですが、テキストや図の色・サイズ・レイアウトなどを設定するには不向きです。

そこで登場するのが、今回ご紹介する「CSS（Cascading Style Sheets）」。

HTMLがサイトの「構造」を定義するのに対して、CSSはサイトの「見た目」を設定する役割があります。
今回はHTMLと並んでWEBサイトの構築に欠かせないCSSの基本についてご説明します。

①スタイルシートって何？

実は、HTMLでもサイトの見た目を設定することは可能です。
しかしHTMLで見た目の設定を行うと、コンテンツの内容に直接関係ない要素を記述することになります。
そのため、コンピューターや検索エンジンから情報が識別されづらくなってしまうデメリットがあるのです。

そこで「構造と見た目の分離」という考えのもと、見た目の設定に特化したコンピューター言語が開発されました。
この見た目の設定に特化したコンピューター言語のことを「Style Sheets（スタイルシート）」と呼びます。

スタイルシートによって見た目を設定することでHTMLの文書構造が明確になり、正しく検索エンジンから認識されるようになります。
つまりCSSを用いることは、SEOにとっても非常に重要なのです。

「Cascading（カスケーディング）」とは「小さな滝のような」という意味ですが、そこから転じて「連鎖的に物事が伝わる」という意味もある言葉です。

CSSの特徴として、一度行った設定は同じ文書内でそれ以降も引き継がれるという点が挙げられます。

HTMLで見た目について設定をしようとすると、設定したいすべての箇所のコードを変更する必要があります。
しかしCSSでは一度の設定ですべての箇所に変更が適用されるため、コーディングの手間を省くことが可能です。

CSSとはサイトの見た目を設定する役割を持つコンピューター言語であるということ、そして一括してサイト内の見た目を設定する機能があるということがお分かりいただけたでしょうか？

見栄えの良いオシャレなデザインのWEBサイトができる背景には、こうしたCSSの存在があったのですね。