Hvordan lage en blokk Element med CSS

Som CSS blir en drivkraft er ny web side design, mange oppdager hvordan språket gjør koding sider forskjellig fra rett HTML. En hovedideen i CSS er forskjellen mellom ulike typer elementer. Du kan si en blokk element fungerer som et avsnitt: Tenk på det som et element som tvinger en ny linje, som ikke dele plass. Making blokk elementer er en del av nettside avstand design, som ingeniører forbedre på den gamle HTML-kode system.

Bruksanvisning

1 Definer objekt. Bruk enten en enkel definisjon (Ex: H1 for en overskrift) eller en klasse. Clas et element i CSS innebærer å gi den egenskaper som er definert i CSS velger kommandoer, for eksempel hvis A er ditt element: A {color: red}

2 Nå, hvis A er noen element du ønsker å gjøre om til en blokk element, kan du bruke en annen CSS-kommandoen til å gjengi det på den måten du bruker skjermen kommandoen. For A, vil kommandoen se slik ut: A {display: block}

3 Tenk også bruke andre visningsstiler som gjør en blokk element, for eksempel "list-element ',' kompakt" og "innkjørt". (Både "kompakt" og "run-in 'støtte flere visningsstiler).

4 Manifest ditt element ved hjelp av åpne og lukke kodene i CSS og sette tekst eller annen kode inne.

5 Gjør en sidevisning for å se om CSS gjort ditt element inn i en blokk element. Hvis det vises på en egen linje og plassert slik du ønsker, er du vellykket.

6 For å sjekke syntaksen videre, gå til W3 nettstedet og bruke sin validator verktøyet. Bare laste opp siden din kode og CSS validator vil vise deg eventuelle feil.