Slik skjuler en overskrift med CSS

Slik skjuler en overskrift med CSS


Cascading Style Sheets gjør det enkelt å oppdatere flere webside dokumenter fra en fil. Så hvis ditt nettsted trenger et design overhaling, kan en tweak i CSS oppnå dette. Skulle du bestemmer deg for å fjerne hodet fra din side, trenger du ikke å slette den. I stedet vil endre CSS-kode knyttet til det å skjule det fra visningen av besøkende til nettstedet ditt.

Bruksanvisning

1 Start din HTML editor. Bruk et tekstredigeringsprogram hvis en HTML-en er utilgjengelig. TextEdit (Mac) eller Notepad (PC) er to som kommer forhåndsinstallert på Apple eller Windows-operativsystemer.

2 Velg "File" og "Open". Velg CSS-filen knyttet til websiden overskriften ligger på.

3 Legg sikten kode i CSS. Plasser følgende kodelinje i dokumentet: "#header_hidden {visibility: hidden;}" (uten anførselstegn). Du kan endre "header_hidden" til hvilken som helst tekst du vil.

4 Lagre CSS-filen.

5 Åpne HTML-dokument med snart å være skjult spissen. Finn bildet tag forbundet til spissen. Legg til følgende kode i bildekoden: id = "hidden_header". Change "hidden_header" hvis du omdøpt den i CSS-filen. Eksempel: <img id = "hidden_header">

6 Lagre HTML-dokumentet. Last HTML og CSS-filer til webserveren. Forhåndsvisning for å sørge for at overskriften skjuler riktig.

Hint

  • Hvis du ikke bruker en CSS-fil, legge til følgende kode i kroppen av HTML-dokumentet i stedet: <style> #hidden_header {visibility: hidden;} </ style>