CSS: Dësch Design. Beispiller vun Aschreiwung

Mëtt spazéieren an Dëscher mat CSS - vun Lektioun interessant a responsabel. Approche un dëser Affär brauchen duerch d'un, mam Wëssen vun all méiglech ze ënnerstëtzen. Zousätzlech, ass et néideg en Sënn vun Schéinheet fir déi net hir Kreativitéit Visiteuren ze Angscht ugefaangen.

D'Dëscher kann bal alles Verännerung. Schéin Design d 'Benotzung vun CSS Dëscher Design Grenze, Dësch Hannergrond, Zell Hannergrond, de Rapprochement tëscht hinnen an méi. Betruecht déi elementar.

Dësch Grenz

CSS Dësch Stil Design implizéiert ëmmer e Spill mat engem Grenz (Frame). All Default Dëscher sinn net contours Frame. Dat ass, ass et op 0 Pixel gläich. Mä dat kënnt vun der Propriétéit Grenz korrigéiert ginn.

Dir kënnt de baussenzege Kader fir de ganze Dësch uginn:

Dësch {Grenz: 3px staark schwaarz; }

Dank dëser Linn bei all Dëscher op de Site, datt dëst Stil benotzt ass schwaarz Frame. Bedenkt datt d'Grenz nëmmen um Bord, mä am Dësch net. Fir Zell Linnen an Frame anescht uginn.

September, TD {Grenz: 3px staark schwaarz;}

Esou deck an Faarf, kënnt Dir all uginn. Halen vergiessen, datt d'Grenze net verduebelt ginn wann Zellen splicing.

D'Wuert ADR staark kontinuéierlech Aschreiwung. Dir kënnt anere Wäerter uginn.

ass et déi meescht allgemeng staark Rumm benotzt, well et méi attraktiv kuckt an Opmierksamkeet net aus der Haaptberäich vum Site Sie Angscht.

Grenz Besëtz kann och op de Verwaltungsrot präziséiert ginn. Der Grenz kann een nëmme fir uewen, ënnen, lénks oder riets Säit ageriicht ginn. Well an e puer Fäll ass et net machbar enger Optioun mat der Rumm fir de ganze Dësch op eemol ass.

Dësch {Grenz-erop: 1px staark rout; }

Sou kanns de Kader fir widdert de Dësch eenzeg Formatioun. Den Zerfall zu all aner Parteien, amplaz just erop schreiwen: riets, lénks oder ënnen.

Dësch Kappball

Dësch Wénkel kann uginn ginn mat der Tag . Dësen Tag kann am CSS gin vill vun Eegeschafte fir labber-tuning umellen. Der CSS Dësch Design ass gutt, well et ass méiglech déi Elementer de Wee Dir wëllt Manoever.

Dësen Titel ass op déiselwecht Manéier wéi e Liewesniveau zu Bicher (wéi "Table 1") gewisen.

Dir kënnt de Standuert vun den Titel a Besëtz Satz-Säit (uewen oder ënnen) uginn. lénks Aligning oder riets ass vun der Propriétéit Text-fir definéiert.

Hannergrond Dëscher

Hannergrond vun den Dësch kënnt keng Faarf oder Muster gin. Faarf baut e Verméigen Hannergrond-Faarw. D'Nimm vun den Eegeschafte voll konsequent mat Gebrauch vun Ried. Bechter raumen oft.

D'Faarf kann wéi den Numm uginn ginn, a verschiddene Codéierungen. Zousätzlech, kënnt Dir déi folgend uginn:

• Transparent - transparent.
• Ierwen - Faarf ass déi selwecht wéi déi vun den Elteren Element.
• Éischter - défaut.

Optioun mat Transparenz kann an deene Fäll gebraucht ginn, wou all d'Dëscher an den Text an der CSS Datei zu eent Faarf gemaach ginn, mä an dësem Fall ass et net néideg.

Zousätzlech, kann de Hannergrond e Bild ginn. Maachen dëst, am Stil matzebréngen Hannergrond-Bild Propriétéit. De Wee ass esou:

URL ( 'URL ")

De Wee zu de Fichier kann entweder Familjenmember oder absolut ginn.

Méi komplizéiert fëllt kann mat engem Temperaturgefäll gemaach ginn:

• linear-Temperaturgefäll ();
• radial-Temperaturgefäll ();
• Widderhuelung-linear-Temperaturgefäll () an Widderhuelung-radial-Temperaturgefäll () - Temperaturgefäll widderholl.

Hannergrond Zell

Nieft engem Hannergrond am Allgemengen, kënnt Dir e gesträifte Hannergrond am Saile oder Zeile uginn. Fir Aschreiwung vun der Propriétéit ass ganz dacks benotzt, well den visuellen Trennung vun de Linnen méi einfach Informatiounen ze liesen.

Nieft der oofwiesselnd, an Dir kënnt d'Nummer vun engem bestëmmte KOLONN oder hannertenee uginn. Zum Beispill wéi dëst:

• TR: xte-Kand (och) {...} - uginn komm;
• TR: xte-Kand (1) {...} - Indikatioun vun den Eegeschafte vun engem bestëmmte hannertenee;
• TD: xte-Kand (och) {...} - ën Hinweis Saile vun ofwiesselnd;
• TD: xte-Kand (1) {...} - eng Indikatioun vun der Eegeschafte vun engem bestëmmte KOLONN.

Nieft Haaptrei an Zuelen uginn kann - déi éischt (TD: Éischt-Kand) oder leschten (TD: leschte-Kand).

De Gruef tëschent de Zellen

An CSS, Dësch Design erlaabt Dir der Plazen tëscht Zellen ze läschen. Par défaut si. Zum Beispill, wann s de Kader vun den Dësch setzen ouni d'Distanz tëscht de Grenze Kader, ass et hei an dësem Resultat gin.

Averstanen, gesäit et net ganz flott an et ass ze liesen net praktesch. Benotzer gëtt dat wéinst ripple am Aen hunn. Ewechzehuelen dës thematiséieren kann duerch schreiwen just esou eng Linn op den Dësch Stil:

Grenz-Zesummebroch: Zesummebroch

Mä et geschitt och, datt d'Distanz, am Géigendeel, fräi ginn soll. Desweideren, kann d'Gréisst vum thematiséieren als tëscht Sailen an tëscht de Linnen präziséiert ginn. Ze soen, dass e Wäert (amplaz Zesummebroch):

Grenz-Zesummebroch: separat

Mä esou Aktioun wäert soen, datt et néideg ass den Zellen ze trennen. Wéi se hiren Deel huet, uginn zousätzleche Propriétéit:

Grenz-Abstand: 20px.

Wann dir eng aner Distanz tëscht den Zeile a Kolonnen zu uginn wëllt, beweist et zwou Saachen:

Grenz-Abstand: 10px20px.

D'Differenz zu der Browser

Halen vergiessen, datt am CSS Design Dëscher anescht kucken kann, je de Browser. Besonnesch schlecht ass de Fall mat ale Versiounen, datt Innovatiounen an CSS ass net ënnerstëtzt.

Heivun ass e Beispill vun Frame thicknesses bis digital Wäerter.

Fir dëst Beispill, esou deck vun der Rummen fir de léisst.

Grenz Stiler ënnerscheeden och immens.

Dofir, kuckt d'Entwécklung ëmmer d'Resultat vun verschidden Browser.

An CSS Design Dëscher recommandéiert der Zort vun Browser ze kontrolléieren. Besonnesch benotzt grousse Problem fir Benotzer mat al Versioune vun Internet Explorer gin.

Ganz fortgeschratt Entwéckler kann, op der Browser je komplett verschidden CSS Fichieren ze verbannen. An een mécht eng kontrolléieren an all oder e puer besonnesch Stil (Klass).

Meeschte Problemer opwerft vun Shadows.

CSS: Table Format Beispiller

Umellung kann relativ variéiert gin. Et all hänkt de ganzen Site a seng Design. All soll kombinéiert an variegated Faarwe ginn. Och dat mécht eng grouss Roll an Goût Entwéckler. Sënn vun Schéinheet ass alles anescht.

Mir ginn e puer Beispiller vun de verschiddene Dëscher. D'Figur uewe weist de Gebrauch vun Schréiegt an spillen mat der Hannergrondfaarf an Grenz.

Vill wäert interessant Beispill vun schéin gefleegten Design ginn, datt net d'Aen Benotzer wäert unhunn. Dësen Ausdrock ass an bal all Situatioun entspriechend.

Um Bord kann ofgerënnt gemaach ginn. Et gesäit flott léif.

Konklusioun

Wéi Dir, fir den Optrëtt vun der Dëscher an CSS gesinn kann ginn et vill Handwierksgeschir. All Parameter ass och eng grouss Quantitéit vum Wäert Optiounen. Wann Dir se all op eemol benotzt, kënnt Dir masterpieces schafen. Virun allem wann Dir do adaptiven Design fir all Browser.

Den Haapt Saach am Design - iwerdreiwt nët et mat Effekter. Alles soll an Moderatioun gemaach ginn. Um éischten, wéi de Layout ze Experimenter an hir all Wëssen direkt benotzen. Als Resultat vun den Dësch sinn oversaturated Eegeschafte. Probéieren dës Feeler ze verhënneren.

Desweideren, kann e puer Parameteren mat all aner Amëschung. Zum Beispill, et ass net néideg fir uginn der Hannergrondfaarf vum Dësch, während wann et nach Hannergrond Bild virbereet, déi der spezifizéierter Faarf iwwerlageren gëtt.