WebサイトからCSSファイルをダウンロードする方法

著者: Robert White
作成日: 28 Aug. 2021
更新日: 9 5月 2024
Anonim
CSS入門講座 #02:CSSを適用させる方法
ビデオ: CSS入門講座 #02:CSSを適用させる方法

コンテンツ

好きなウェブサイトで、再現したいスタイルを使用していますか?これらのスタイルをチェックしますが、方法がわかりませんか?あなたが思うほど難しくはありません。この記事で説明されている手順に従ってください。

ステップ1

コピーするスタイルが含まれているページに移動します。

ステップ2

ソースコードをご覧ください。これを行うには、FirefoxでCtrl + Uを入力します。これは、コントロールボタンを押しながら「U」と入力することを意味します。 Internet Explorerでは、ページを右クリックして[ソースコードの表示]をクリックできます。

ステップ3

一般的ではありませんが、スタイルはページ自体に保持される場合があります。ほとんどの場合、「インクルード」を通じてサイトに追加されます。例えば:

href = "/ css / styles.css"

上記のテキストはCSSファイルのインクルードです。


このテキストをソースコードで簡単に見つけるには、「Ctrl + F」をクリックして「css」を検索します。

ステップ4

次に、ブラウザーの上部を確認します。 「www.dominio.com」や「www.minhaorg.org」のようなものが表示されます。

手順5

ドメイン名の後ろに、上記の「href」から取得した「/css/styles.css」リンクをコピーして貼り付けます。

たとえば、「www.yourdomain.com/css/styles.css」と入力します。

次にEnterキーを押します。スタイルシートがブラウザに表示されます。

手順6

[ファイル] ---> [名前を付けて保存]を使用してスタイルをコンピュータに保存するか、すべてのスタイルを選択してコピーして貼り付けます。

手順7

1つのページで複数の.cssファイルが使用されている可能性があります。その場合、それぞれについてプロセスを繰り返す必要があるかもしれません。必要なスタイルが、ダウンロードした最初のcssファイルにない場合があります。