Slik skjuler en tom DIV
Web-design er en utfordrende, spennende og muligens lukrative feltet. HTML og CSS er standarden for koding websider. Inkludert i felles organ teknikker er avgjørende for Web-design, som arbeider med DIV elementer er en må-ha ferdighet. Skjule en DIV er ganske elementære og kan gjøres på mindre enn en linje med kode.
Bruksanvisning
1 Åpne en teksteditor. Notepad kan åpnes ved å navigere til "Start" og deretter "Alle programmer." Klikk på "Tilbehør" og deretter "Notisblokk".
2 Skriv inn følgende kode.
<Html>
<body>
& Lt; div class = "eksempel">
& Lt; / div>
& Lt; / body>
</ Html>
Dette skaper et HTML-dokument, og gir et eksempel DIV å jobbe med.
3 Legg til følgende kode etter "<body>" tag.
<Style>
.example { display: block; width: 300px; height: 300px; background-color: red }
</ Style>
Dette vil føre til en rød firkant som skal vises i nettleseren. Lagre siden som en ".html" fil og åpne den i nettleseren for å se.
4 Endre koden mellom "<style>" koder, slik at det ser ut som dette.
<Style>
.example { display: none; width: 300px; height: 300px; background-color: red }
</ Style>
Endre visningsverdi gjør blokken forsvinne. Bruke verdi "skjult" i stedet for "ingen" vil også skjule div.