Video: Learn Java Programming with Beginners Tutorial 2024
Hier wijzigt u de Cascading Style Sheets (CSS) op Huffington Post. com (of uw nieuwswebsite naar keuze) via de Chrome-browser. Bekijk hoe CSS in het wild werkt. Volg deze stappen:
-
Gebruik een Chrome-browser en navigeer naar uw favoriete nieuwswebsite, idealiter een met veel koppen.
-
Plaats uw muisaanwijzer op een kop, klik met de rechtermuisknop en selecteer in het menu dat verschijnt Inspect Element.
Een venster opent onderaan uw browser.
-
Klik op het tabblad Stijl aan de rechterkant van dit venster om te zien hoe de CSS-regels worden toegepast op HTML-elementen.
-
Wijzig de kleur van de kop met behulp van CSS.
Zoek hiervoor eerst de eigenschap color in het element. stijl gedeelte; noteer het vierkant vakje in die eigenschap dat een voorbeeld van de huidige kleur toont. Klik op dit vak en wijzig de waarde door een nieuwe kleur te selecteren in het pop-upmenu en druk vervolgens op Enter.
Uw kop verschijnt nu in de door u gekozen kleur.
Als het element. stijlsectie is leeg en er verschijnt geen kleureigenschap, je kunt deze nog steeds handmatig toevoegen. Om dit te doen, klikt u eenmaal in het element. stijlgedeelte en als de knipperende cursor verschijnt, typt u kleur: paars. De kop wordt paars.
Net als met HTML kunt u de CSS van elke website aanpassen met de Inspect Element-functie van Chrome, ook wel Developer Tools genoemd. De meeste moderne browsers, waaronder Firefox, Safari en Opera, hebben een vergelijkbare functie.