Video: Responsive Design with Bootstrap by Neel Mehta 2025
Her ændrer du Cascading Style Sheets (CSS) på huffingtonpost. com (eller din nyhedswebsted efter eget valg) ved hjælp af Chrome-browseren. Se, hvordan CSS virker i naturen. Bare følg disse trin:
-
Brug en Chrome-browser, navigere til dit yndlingsnyhedswebsted, helst et med mange overskrifter.
-
Placer musemarkøren over en overskrift, højreklik, og vælg Inspect Element i den menu, der vises.
Et vindue åbnes nederst i din browser.
-
Klik på fanen Style i højre side af dette vindue for at se, at CSS-reglerne anvendes til HTML-elementer.
-
Skift farve på overskriften ved hjælp af CSS.
For at gøre dette skal du først finde farveegenskaben i elementet. stil sektion; Bemærk den firkantede farveboks i den egenskab, der viser en prøve af den aktuelle farve. Klik på denne boks og ændre værdien ved at vælge en ny farve fra pop op-menuen, og tryk derefter på Enter.
Din overskrift vises nu i den farve du valgte.
Hvis elementet. stil sektionen er tom, og der vises ingen farveegenskaber, du kan stadig tilføje den manuelt. For at gøre det skal du klikke en gang i elementet. stil, og når den blinkende markør vises, skal du skrive farve: lilla. Overskriften ændres til lilla.
Som med HTML, kan du ændre et websites CSS ved hjælp af Chrome's Inspect Element-funktion, også kendt som Developer Tools. De fleste moderne browsere, herunder Firefox, Safari og Opera, har en lignende funktion.
