「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

順番に見ていきましょう。
まずは予備知識として

・CSS
・CSSファイル
・拡張子

について簡単に説明します。
「そんなの説明されなくても知ってるよ！」な人は適当に読み飛ばしてください。

CSSは「ホームページの見た目を整えるための技術」です。

ホームページのファイル構成ですが、この説明を書いている時点では

・内容が書いてあるファイル
・見た目が書いてあるファイル
・絵が描いてあるファイル
・動作が書いてあるファイル

の4種類のファイルを組み合わせて1つのページを表示するのが主流です。



この4種類のファイルのうち「見た目が書いてあるファイル」の中身を書くときのルールを定義したものがCSSです。



また、この「見た目が書いてあるファイル」は「CSSファイル」と呼ばれています。



あと、ついでなので書いておくと、内容が書いてあるファイルは「HTMLファイル」です。
絵が描いてあるファイルは「画像ファイル」です。
動作が書いてあるファイルは「JavaScriptファイル」や「jsファイル」と呼ばれています。



拡張子は「ファイル名の最後にくっついている、ファイルの種類を表す目印」です。
拡張子はファイル名の一番右に「.（ドット）」と一緒にくっついています。
例えば「hoge.txt」であれば「.txt」の部分が拡張子です。



拡張子は、実際にはファイル名の一部です。

任意の名前（hoge）＋拡張子（.txt）

で1つのファイル名になります。



以上を踏まえて

CSSファイルに付くことが多い拡張子

が「.css」です。
実際のファイル名は「hoge.css」のようになります。



「css」の読み方については「シーエスエス」と読む人が多いと思います。
そのまんま、アルファベット読みですね。

拡張子が「.css」のファイルは、ホームページの部品です。
単独で使うことは ありません。
HTMLファイルから読み込まれることで

ホームページの見た目を表現する

という役割を果たします。



拡張子が「.css」のファイルを編集するときは専門のソフトを使う……人も多いでしょうが、気合を入れれば、メモ帳などのテキストエディタでも編集できます。



「.css」なんて偉そうな拡張子が付いていますけどね。
実際には、ただのテキストファイル（中身が文字だけのファイル）です。
拡張子が「.txt」のファイルと同じように扱えます。