CSSファイルとは：開き方・編集・保存時の注意点

構造化文書の表示方法を記述するスタイルシートです。通常は文書の意味を変えずに見た目を指定します。拡張子は.css、登録されたメディアタイプはtext/cssです。

テキストエディターで開くと、セレクター、宣言、at規則を確認・編集できます。表示への効果を見るには、そのCSSを使用する文書を対応ブラウザーで開いてください。

テキストエディターの「開く」から.cssファイルを選ぶと、ソースを読めます。見た目を確認するには、そのCSSを使う文書を、使用機能に対応したブラウザーで表示します。

Macで利用できるテキストエディターから.cssファイルを開き、規則を確認・編集します。スタイル適用後の表示には、関連する文書と、必要なCSS機能に対応したブラウザーが必要です。

端末内のファイルにアクセスできるテキストエディターを使います。スタイルを適用した文書を見るには、関連する文書と、そのCSSに対応したブラウザーも必要です。

再保存する前に、実際の文字コードとエディターが読み取りに使う文字コードを確認します。IANAはUTF-8を推奨し、HTTPヘッダーや参照元文書などで対応する文字コードを指定するよう求めています。

文書の構造にはHTML、表示方法にはCSSを使います。スタイルシートは文書の代わりにはなりません。CSSの拡張子を.htmlに変えても、規則がページの構造へ変換されるわけではありません。

必ず残るとは限りません。解析器を通すと、コメントが削除され、連続する空白がまとめられることがあります。コメントやソースの正確な配置が必要なら、元のファイルを保管してください。

文書に適用すると、url()やsrc()からネットワーク要求が発生する可能性があります。要求は情報を明らかにしたり、URL経由でデータを送信したりすることがあります。単純なフィルターだけで安全性は保証できません。

各ブラウザーが使用中のCSS機能に対応しているか、同じ文書にスタイルシートが適用されているかを確認してください。形式に相互運用性があっても、すべての機能への対応が同一とは限りません。

ローカルのテキストエディターなら、アップロードサービスを使わずソースを読めます。ただし、CSSの適用時には外部リソースへの通信が発生する場合があります。オンライン閲覧サービスでは、ファイルの扱いを確認してください。