ホームページ >ウェブフロントエンド >フロントエンドQ&A >CSSファイルとは何ですか、そしてそれを開く方法

CSSファイルとは何ですか、そしてそれを開く方法

青灯夜游
青灯夜游オリジナル
2021-04-06 18:26:358758ブラウズ

css ファイルは、vscode、sublime、Notepad、HBuilder、Dreamweaver などのコード エディターを使用して開くことができるテキスト ファイルです。また、コンピューターに付属の Notepad ソフトウェアを使用して開くこともできます。

CSSファイルとは何ですか、そしてそれを開く方法

このチュートリアルの動作環境: Windows7 システム、sublime text3 バージョン、DELL G3 コンピューター

css ファイルとは

CSS ファイル自体は実際にはテキスト ファイルであり、ブラウザが認識できるように CSS で指定された構文規則を使用して記述されています。ページ レイアウトを制御するだけでなく、CSS ファイルは HTML コードと CSS コードを効果的に分離できるため、コンテンツとレイアウトを互いに干渉することなく独立して記述することができ、構成がより明確になります。

css ファイルには .css 接尾辞が付いています。.css 接尾辞が付いたファイルは css ファイルであることがわかります。

css ファイルの開き方

1. vscode で css ファイルを開く

(1) コマンドラインを開き、css のディレクトリに入ります。開く必要があるファイルを開くには、コード CSS ファイル名を入力します。

code は、vscode によって追加されたコマンド ツールです。

CSSファイルとは何ですか、そしてそれを開く方法

(2) css ファイルを直接 vscode エディタにドラッグします。

CSSファイルとは何ですか、そしてそれを開く方法

vscode で表示される css ファイルは次のとおりです。

CSSファイルとは何ですか、そしてそれを開く方法

2. 崇高なテキストを含む css ファイルを開きます3

CSSファイルとは何ですか、そしてそれを開く方法

3. メモ帳を使用して .css を開きますfile

Notepad このツールは、CSS ファイルを開いたり、CSS ファイルを編集したりできる人気のあるソフトウェアでもあります。

CSSファイルとは何ですか、そしてそれを開く方法

4. HBuilder を使用して

CSSファイルとは何ですか、そしてそれを開く方法

##5. Dreamweaver を使用して開きます

初心者向け を選択しますDreamweaver: Dreamweaver は人気のあるツールなので、Dreamweaver を開いて、開くファイルをドラッグするだけです。

6. CSS ファイルをメモ帳で開きます

右クリック - 編集

CSSファイルとは何ですか、そしてそれを開く方法

CSSファイルとは何ですか、そしてそれを開く方法

(学習ビデオ共有 :

css ビデオ チュートリアル )

以上がCSSファイルとは何ですか、そしてそれを開く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。