WebCSSの読み方

Web ページの CSS を表示する方法: 1. ブラウザで指定した Web ページを開きます; 2. Web ページの空白スペースを右クリックし、[要素の検査] オプションを選択するか、 「F12」キーを押して開発者コントロール パネルを開きます; 3. 「要素」タブを選択し、Web ページ要素をクリックして、コントロール パネルの右側に対応する CSS コードを表示します。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

Web ページの CSS を表示する方法:

1. ブラウザで指定した Web ページを開きます

2. 開発者コントロールを開きますパネル

Webページの空白スペースでマウスを右クリックし、「開発者モード」や「要素の検査」などのオプションを選択するか、「F12」を押します

##3. コントロール パネルで [要素] タブを選択し、Web ページ要素をクリックして、コントロール パネルの右側に対応する CSS コードを表示します。

上の図に示すように:

コントロールの左側のコード位置を比較することで、右側の対応する CSS スタイルを確認できます。 Web サイトの DIV レベル、スタイル シート名、スタイル シートの行位置を含むパネル。図に示すように、レジストリ名は w5.css として明確にマークされており、スタイル シート コードの場所は w5.css の 33 行目にあります。

同時に、コントロール パネルで CSS スタイルまたは HTML コード div スタイルのフロントエンド テスト編集を実行して、効果をデバッグすることもできます。もちろん、操作によって Web サイト サーバーが変更されることはありません。サイド スタイルまたは Web ページ、F5 キーで更新すると、ローカル テスト ページがデフォルトのスタイルに戻ります。

(学習ビデオ共有:

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

以上がWebCSSの読み方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。