あなたのお気に入りのウェブサイトでCSSをハッキングする - ダミー

ここでは、huffingtonpostのカスケーディングスタイルシート（CSS）を変更します。 com（または選択したニュースウェブサイト）に表示されます。 CSSがどのように動作しているかを見てみましょう。次の手順に従ってください：

1. Chromeブラウザを使用して、好きなニュースウェブサイトに移動します。

   

2. マウスポインタを見出しの上に置き、右クリックして表示されるメニューから[要素の検査]を選択します。

   <！ - 1 - >

   ブラウザの下部にウィンドウが開きます。

3. このウィンドウの右側にある[スタイル]タブをクリックすると、HTML要素に適用されるCSSルールが表示されます。

   

4. CSSを使用して見出しの色を変更します。

   これを行うには、まず要素のcolorプロパティを見つけます。スタイルセクション。現在の色のサンプルを表示するそのプロパティ内の四角い色のボックスに注意してください。このボックスをクリックし、ポップアップメニューから新しい色を選択して値を変更し、Enterキーを押します。

   あなたの見出しがあなたが選んだ色で表示されるようになりました。

   

   要素の場合。スタイルセクションが空白で、カラープロパティが表示されない場合でも、手動で追加できます。これを行うには、要素内を一度クリックします。点滅するカーソルが表示されたら、color：purpleと入力します。見出しは紫色に変わります。

<！ HTMLと同様に、ChromeのInspect Element機能（Developer Toolsとも呼ばれます）を使用して、ウェブサイトのCSSを変更できます。 Firefox、Safari、Operaなどの最新のブラウザにも同様の機能があります。