Hacking CSS på ditt favorittnettsted - dummies

Her endrer du Cascading Style Sheets (CSS) på huffingtonpost. com (eller nyhetswebstedet ditt valgfritt) ved hjelp av Chrome-nettleseren. Ta en titt på hvordan CSS fungerer i naturen. Bare følg disse trinnene:

1. Bruk en Chrome-nettleser, navigere til favorittnyhetswebområdet ditt, ideelt sett ett med mange overskrifter.

   

2. Plasser musepekeren over en overskrift, høyreklikk, og velg Inspeksjonselement i menyen som vises.

   Et vindu åpnes nederst i nettleseren din.

3. Klikk på kategorien Stil på høyre side av dette vinduet for å se at CSS-reglene blir brukt på HTML-elementer.

   

4. Endre farge på overskriften ved hjelp av CSS.

   For å gjøre dette, finn først fargeegenskapen i elementet. stil delen; Legg merke til kvadratfargeboksen i den egenskapen som viser et eksempel på gjeldende farge. Klikk på denne boksen og endre verdien ved å velge en ny farge fra hurtigmenyen, og trykk deretter på Enter.

   Overskriften vises nå i fargen du valgte.

   

   Hvis elementet. stilavsnittet er tomt og ingen fargeegenskaper vises, kan du fortsatt legge den manuelt. For å gjøre det, klikk en gang i elementet. stil, og når blinkende markør vises, skriver du farge: lilla. Overskriften endres til lilla.

Som med HTML, kan du endre et nettsteds CSS ved hjelp av Chrome's Inspect Element-funksjon, også kjent som utviklerverktøy. De fleste moderne nettlesere, inkludert Firefox, Safari og Opera, har en lignende funksjon.