css opstillingsskemaer

, håber du har det fint med html tabeller, og du er effektive til at udforme side skemaer med html tabeller.men du ved, css giver også masser af kontrol for positionering af elementer i et dokument.eftersom forskning er en bølge af fremtiden, hvorfor ikke tage ved lære og bruge css i stedet for tabeller til side layout formål?følgende liste, samler nogle fordele og ulemper for både teknologi og minus;,,, de fleste browsere støtte tabeller, mens css støtte er langsomt bliver vedtaget.,,, tabeller, er mere tilgivende, når browser vindue størrelse ændringer - ved at blive deres indhold og indpakning af hensyn til ændringer i overensstemmelse hermed.css placering har tendens til at være nøjagtige og ret ufleksibelt.,,, tabeller, er meget lettere at lære og manipulere end ccs regler.,,, men hvert af disse argumenter kan vendes −,,, css er afgørende for den fremtidige web - dokumenter, og som vil blive støttet af de fleste browsere.,,, css er mere præcise end tabeller, at deres dokument betragtes som du ville, uanset hvilken browser vindue.,,, holde styr på indlejrede tabeller kan være en ægte smerte.css regler har tendens til at være godt organiseret, let forståelige og let ændret.,,, og endelig vil vi foreslå, at du bruger den teknologi giver mening for dig, og hvad du ved, og hvad er deres dokumenter på den bedste måde., css giver også, tabel layout, ejendomsret til jeres borde belastning meget hurtigere.følgende er et eksempel og minus;, < tabel stil = ", tabel layout: faste,; bredde: 600px;" > < tr højde = "30" > < td bredde = "150" > css tabel layout celle 1 < /td > < td bredde = "200" > css tabel layout celle 2 < /td > < td bredde = "250" > css tabel layout celle 3 < /td > < /tr > < /tabel >,, du vil mærke fordelene mere om store borde.med traditionelle: browseren havde til at beregne hver celle før endelig gør bordet.når du dække bord layout - algoritme til faste, men det behøver kun at se på første række, før at gøre hele bordet.det betyder, at dit bord skal have fast spalte bredder og row højder, stikprøve kolonne layout, her er skridt til at skabe en enkel kolonne indretning af css − fastsat margenen og polstring af komplet dokument, som følger og minus;, < stil tyle = "tekst /css" > <!- organ {margen: 9px 9px 0 9px; polstring: 0; baggrund:&#fff;} - > < /stil >, nu vil vi definere en kolonne med gul farve, og senere vil vi lægge denne regel på < div >:, og løjtnant, stil tyle = "tekst /css" > <!-&#level0 {baggrund:&#fc0;} - > < /stil >,, at dette punkt, har vi et dokument med en gul skal, så lad os nu fastlægge en anden fordeling i level0 −,, < stil tyle = "tekst /css" > <!-&#plan '' · 2 (margen: 143px; polstring til venstre: 9px; baggrund:&#fff;} - > < /stil >, nu vil vi rede en opdeling i plan '' · 2, og vi vil ændre bare baggrund, farve og minus;, < stil tyle = "tekst /css" > <!-&#møderækker {baggrund:&#fff3ac;} - > < /stil >,, og endelig vil vi bruge den samme teknik, rede en level3 opdeling i møderækker på for at få de visuelle indretning i højre kolonne −, < stil tyle = "tekst /css" >  </style> , ,Complete the source code as follows −, <style tyle="text/css"> body { margin:9px 9px 0 9px; padding:0; background:#FFF; } \t #level0 {background:#FC0;} \t #level1 { margin-left:143px; padding-left:9px; background:#FFF; } \t #level2 {background:#FFF3AC;} \t #level3 { margin-right:143px; padding-right:9px; background:#FFF; } \t #main {background:#CCC;} </style> <body> <div id="level0"> <div id="level1"> <div id="level2"> <div id="level3 "> < div id =" primære "> endelige indhold går her.< /div > < /div > < /div > < /div > < /div > < /organ >, ligeledes kan du tilføje en top - navigation eller en ad bar bar toppen af side. det giver følgende resultat &minus,,,

Previous:css trykning @ medier regel

Next Page:css valideringer