Tabeller i webinnhold er en veldig praktisk og effektiv måte å vise mye av materialet i en liten mengde plass. Tabeller er også lettere å lese og relasjonene pr stk kan lett sees. Tabell brukes også til planert visning av bilder og tekst, og hvis du ønsker å lære å bruke tabeller når du redigerer en fil i CSS, så er dette artikkelen for deg. Mens andre utviklere ville faktisk foretrekker tabell mindre implementeringer (siden det er raskere å laste på noen tilfeller), er enkelt vedlikehold en av frynsegodene ved å ha elementer i tabeller.
id = "container" >. ≪ div id = "sidebar1" .Sidebar1 contentdiv > div id = "Maincontent" > Hovedinnholdet innholdet~~POS=HEADCOMP her
< div class = "row" > < div class = "celle" > celle 1 < /> < div class = "celle" > Cell 2 < /> < /div > < /div >
i eksempelet ovenfor kan du se at det er som du tilordner verdier til innholdet i en rad. Det er faktisk to nestede divs - en div i en div i eksempelet ovenfor, og å konvertere den til et bord, ville det bety å ha to tabeller som sluttresultatet.
Konvertering divs til tabeller. Når du ønsker å konvertere de ovennevnte kode for å være ved hjelp av tabeller i stedet for divs, så det bør begynne å se slik ut:
# sidebar1 {display: table-cell; width: 200pxbackground: #FFFFFFpadding: 15px 10px 15px 20px} #mainContent {display: table-cell; padding-left: 10px;} rad {display: table-rad;} celle {display:. table-cell, bredde:. 400px; height: 200pxborder: 1px solid blue}
Hvis du er usikker på hvilke farger du skal bruke for bakgrunnen og andre innholdselementer, kan du bare skrive dem senere på siden tabellene er der for å i utgangspunktet danne en layout og egentlig ikke utformingen av siden. Hva vil bli vist når du leser denne html-fil er at du vil ha to tabeller vises litt som et rutenett. Utviklere foretrekker tabellen viser i CSS rett og slett fordi det er mye lettere å forstå fra kode alene hvor du skal plassere bildene og hvor du kan endre verdien av bakgrunnsfarge og lignende.
Redigere plasseringen av sidepanelet. I de siste to eksempler, kommer sidelinjen først, noe som betyr at det vil vises på venstre del av skjermen. Hvis du vil ha den på høyre del av skjermen så bare plassere den etter hovedinnholdet, fortsatt som en sidebar, og det bør plasseres deretter.
Det er mange andre tips om hvordan du kan manipulere viser i CSS, men dette er en av de mer grunnleggende. Det er en pågående debatt om hva som er mer effektive når det gjelder å vise informasjon, og det er to hoved skoler tanke - de som foretrekker å bruke divs og de foretrekker å bruke tabeller. Bare et siste notat - tabellen viser, støttes ikke av Internet Explorer versjon 8 så hvis denne nettleseren er veldig høyt oppe på prioriteringslisten så vil du kanskje fortsette med div gjennomføringen
stedet.
Next Page:Slik fjerner Computer Wallpaper