Hvordan lage kolonner Extend i CSS

CSS gir deg en "width" eiendom som lar deg utvide en kolonne til en bestemt pixel bredde. CSS lar deg styre flere kolonner med bare én kode uttalelse. Du kan sette opp en eller flere kolonner ved hjelp av CSS-klasser. Du kan også angi kolonnene marginer, padding og grenser i CSS-klasse.

Bruksanvisning

1 Høyreklikk HTML eller CSS-filen du vil bruke til å redigere kolonnebredden. Klikk "Åpne med", og klikk deretter på ditt foretrukne editor. Hvis du ikke har en HTML-editor, kan du bruke Notepad til å redigere HTML.

2 Sett opp CSS stil. Stilen inneholder bredden i piksler. Pixel bredde er den globale standarden når dimensjonering HTML elementets bredde og høyde. For eksempel er bredden av en skjerm er typisk 1200 piksler, slik at 300 piksler er omtrent en fjerdedel av bredden på skjermen. Skriv inn følgende kode for å opprette en ny CSS stil for kolonnene i din side:

columnwidth {

width: 300px;

}

Den "columnwidth" er navnet som du bruker i din kolonnen tag definisjon.

3 Rull ned filen til plasseringen av kolonnen du ønsker å utvide. I "ID" eiendom av kolonnen skriver du inn samme navn av CSS-klasse opprettet tidligere. For eksempel setter følgende kode bredden til 300 piksler definert i klassen i trinn to:

<Div id = "columnwidth"> </ div>

4 Lagre endringene og åpne filen i nettleseren for å vise CSS endringene. Legg merke kolonnen strekker til pixel bredde du definerer i CSS-klasse.