Slik skjuler blokker med CSS

Ved utvikling av en web-side, kan du ønsker å skjule et element på siden din fra å vise til brukeren. En måte å gjøre dette på er å fjerne elementet HTML-kode fra siden din. En alternativ løsning er å bruke CSS. CSS, en forkortelse for Cascading Style Sheets, er et kodespråk som lar webutviklere kontrollere utseendet og følelsen av sine nettsider. Ved hjelp av CSS, kan du skjule noe element på siden din, ved å legge en linje med kode til HTML.

Bruksanvisning

1 Åpne HTML-fil. Finn elementet du ønsker å skjule.

2 Gi element en stil attributt. Stilen attributtet lar deg bruke CSS til ditt element. For eksempel, hvis du ønsker å style en div, skrive <div style = ""> </ div>.

3 Legg CSS-koden "display: none" til ditt element stil attributt. Denne koden forteller nettleseren til ikke å vise elementet. Alternativt kan du bruke "synlighet. Skjult"

4 Sjekk din endelige koden for å sikre det ser ut som dette: <div style = "display: none"> </ div> eller <div style = "visibility: hidden"> </ div>.