Video: Week 7 2024
Här ändrar du Cascading Style Sheets (CSS) på huffingtonpost. com (eller din nyhetswebbplats som du väljer) med hjälp av Chrome-webbläsaren. Ta en titt på hur CSS fungerar i naturen. Följ bara dessa steg:
-
Använd en Chrome-webbläsare, navigera till din favoritnyhetswebbplats, helst en med många rubriker.
-
Placera muspekaren över en rubrik, högerklicka och välj Inspect Element i menyn som visas.
Ett fönster öppnas längst ner i webbläsaren.
-
Klicka på fliken Style på höger sida av det här fönstret för att se att CSS-reglerna tillämpas på HTML-element.
-
Ändra rubrikens färg med hjälp av CSS.
För att göra detta, först hitta färgegenskapen i elementet. stil sektion; notera den fyrkantiga färgrutan i den egenskapen som visar ett urval av den aktuella färgen. Klicka på den här rutan och ändra värdet genom att välja en ny färg från snabbmenyn och tryck sedan på Enter.
Din rubrik visas nu i den färg du valde.
Om elementet. stil sektionen är tom och ingen färgegenskap visas, kan du fortfarande lägga till den manuellt. För att göra det, klicka en gång i elementet. stil och när den blinkande markören visas skriver du in färg: lila. Rubriken ändras till lila.
Som med HTML kan du ändra webbsidans CSS med hjälp av Chromes Inspect Element-funktion, även känd som Utvecklarverktyg. De flesta moderna webbläsare, inklusive Firefox, Safari och Opera, har en liknande funktion.
