CSS: table famolavolana. ohatra ny fisoratana anarana

Ny fanaovana latabatra amin'ny CSS - ny lesona mahaliana sy ny tompon'andraikitra. Manatona izany raharaha izany mila pahombiazana izy, ny fahalalana rehetra ny fomba azo atao. Ankoatra izany, dia ilaina ny manana ny fahatsapana ny hatsaran-tarehy, mba tsy mampitahotra ny mamorona mpitsidika intsony.

Ny vato fisaka saika afaka manova ny zava-drehetra. Beautiful endrika Tafiditra ny fampiasana ny vato fisaka CSS famolavolana fetra, table fototra, sela fototra, ny elanelana misy eo aminy sy ny maro hafa. Diniho ny tena fototra.

table fari-

CSS latabatra foana ny fomba nanaovana ny lalao tafiditra amin'ny sisin-tany (endriny). Ny toerana misy anao dia tsy contours latabatra filanjana azy. Izany hoe, dia mitovy amin'ny 0 teboka. Fa izao dia azo ahitsy amin'ny fananana fari-taniny.

Azonao atao ny mamaritra ny endriny ivelany ho an'ny latabatra iray manontolo:

latabatra {fari-taniny: 3px Morona mainty matevina; }

Noho io andalana mihitsy ny vato fisaka teo amin'ny toerana izay mampiasa io fomba mainty filanjana azy. Mariho fa ny fari-taniny ihany ny sisiny, fa tsy ao anaty ny latabatra. Fa sela voalaza tsipika sy ny endriny raha tsy izany.

faha, TD {sisintany: 3px Morona mainty matevina;}

Ny hateviny sy ny loko, dia afaka milaza akory. Tadidio fa tsy ny faritra avo roa heny rehefa splicing sela.

Ny teny mafy orina manondro mitohy fisoratana anarana. Azonao atao ny mamaritra ireo soatoavina.

izany no tena endriny mahazatra ampiasaina mafy, araka ny mijery tsara tarehy kokoa, ary tsy hanelingelina ny saina avy amin'ny tena afa-po ny toerana.

fananan'ny sisintany azo mazava ihany koa ny eo amin'ny solaitrabe. Ny sisin-tany ihany no ho voatendry ho ambony, ambany, ankavia na ankavanana. Satria ao amin'ny toe-javatra sasany dia tsy misy azo atao safidy ny toetsika ho an'ny latabatra iray manontolo avy hatrany.

latabatra {fari-tampon'ny: 1px mafy mena; }

Noho izany dia afaka nametraka ny toetsika ho an-tampon'ny latabatra ihany. Toy izany koa ny antoko hafa, fa tsy ambony soraty fotsiny: ankavanana, na ambany ankavia.

table lohapejy

Lohapejy latabatra dia azo faritana amin'ny fampiasana ny tenifototra . Io tenifototra dia mety ho ao amin'ny CSS fisoratana anarana be dia be ny fanananao ka tokony hozarainao ho tsara-Tuning. Ny CSS nanaovana latabatra tsara, satria azo atao, mba hahatonga ny singa ny fomba tianao.

Io anaram-boninahitra dia naseho Toy izany koa ho toy ny fitsipika ao amin'ny boky (toy ny hoe "Loha Hevitra 1").

Azonao atao ny milaza ny toerana misy ny anarana sy ny fananany maribolana-side (ambony na ambany). Ny fampifanarahana ny havia na havanana no voafaritry ny fananana text-hampifanaraka.

lafika latabatra

Fototra ny latabatra dia mety ho misy loko na lamina. Color Mametraka ny fananana fototra-loko. Ny anaran 'ny fananana tanteraka mifanaraka amin'ny fampiasana amin'ny fiteny. Tsy manamora mitahiry imbetsaka.

Ny loko dia azo faritana ho toy ny anarana, sy ny samy hafa encodings. Ankoatra izany, dia afaka milaza izao manaraka izao:

• Mangarahara - mangarahara.
• Handova - loko dia mitovy ny an'ny ray aman-dreny singa.
• Voalohany - toerana misy anao.

Option amin'ny mangarahara dia azo ampiasaina amin'ny toe-javatra ireo ny vato fisaka izay rehetra ao amin'ny lahatsoratra ao amin'ny rakitra CSS dia atao ao anatin'ny iray loko, fa amin'ity tranga ity dia tsy misy mila fanampiana.

Ankoatra izany, ny fototra dia mety ho sary. Mba hanaovana izany, amin'ny fomba voasoratra sary afara-fananan'ny. Ny lalana dia tahaka izao:

URL ( 'URL')

Ny lalana ho any amin'ny mety ho rakitra na havana na tanteraka.

More sarotra voky azo atao amin'ny gradient:

• Linear-gradient ();
• radiala-gradient ();
• mamerina-Linear-gradient () sy mamerina-radiala-gradient () - gradient miverimberina.

lafika sela

Ankoatra ny iray mombamomba amin'ny ankapobeny, dia afaka milaza ny sadika fototra ao amin'ny tsanganana na andalana. Fa fisoratana anarana ny fananana no tena ampiasaina matetika, satria ny sary fisarahan 'ny tsipika mora kokoa ny mamaky ny vaovao.

Ankoatra ny alternation, ary afaka mamaritra ny isan'ny tsangana iray manokana na ny toerana. Ohatra toy izao:

• tr: nth-zaza (na dia) {...} - mamaritra interlaced;
• tr: nth-zaza (1) {...} - miresaka momba ireo fananan 'iray manokana andalana;
• TD: nth-zaza (na dia) {...} - ny famantarana ny alternating andry;
• TD: nth-zaza (1) {...} - ny miresaka momba ny fananan 'iray manokana tsangana.

Ankoatra ny filaharany sy ny isa azo faritana - ny voalohany (TD: zaza voalohany) na ny farany (TD: farany-zaza).

Ny hantsana eo amin'ny sela

Ao amin'ny CSS, table nanaovana mamela anao hanaisotra ny toerana eo amin'ny sela. Ny toerana misy anao izy ireo. Ohatra, raha nametraka ny toetsika eo amin'ny latabatra nefa tsy fametrahana ny elanelana misy eo amin'ny faritra, dia ho eto amin'ity vokatr'izany.

Mifanaraka, dia toa tsy dia tsara ary tsy mety hamaky teny. Ireo mpampiasa dia hanana ripple eo imason'ny noho izany. Esory ireo mety ho banga amin'ny alalan'ny fanoratana izany andalana fotsiny eo amin'ny latabatra fomba:

fari-firodanan'ny: firodanan'ny

Fa izany ihany koa no mitranga fa ny elanelana, ny mifanohitra amin'izany, tokony hitombo. Ankoatra izany, dia ny haben'ny ny banga dia azo faritana toy ny eo amin'ny andry sy eo amin'ny tsipika. Midika izany fa ny sanda (fa tsy hirodana):

fari-firodanan'ny: misaraka

Fa toy izany hetsika dia milaza fa dia ilaina ny hampisaraka ny sela. Tahaka ny tamin'ny ny anjarany, nilaza fanampiny fananana:

fari-Heba: 20px.

Raha te-mamaritra hafa elanelana eo amin'ny andalana sy ny andry, dia midika zavatra roa:

fari-Heba: 10px20px.

Ny fahasamihafana eo amin'ny navigateur

Tadidio fa ao amin'ny CSS dia mety hijery vato fisaka endrika samy hafa, arakaraka ny navigateur. Indrindra ratsy no nitranga tamin'ny dikan zokiolona, fa fanavaozana amin'ny CSS dia tsy manohana.

Ny ambony dia ohatra ny toe thicknesses ho nomerika soatoavina.

Ary noho izany, ohatra, ny hatevin'ny ny zana-kazo ho an'ny constants.

sisin-tany ihany koa ny fomba samy hafa be dia be.

Noho izany, ny fampandrosoana mahita mandrakariva ny vokatra eo amin'ny navigateur hafa.

Amin'ny famolavolana CSS latabatra kevitra hijery ny karazana navigateur. Olana lehibe indrindra nampiasaina mba ho ny be taona mpampiasa amin'ny Internet Explorer dikanteny.

Very afaka mandroso mpandraharaha, arakaraka ny mpitety mba hifandray tanteraka CSS raki-daza hafa. Ary olona manao maso ao amin'ny tsirairay na ny fomba manokana (class).

Ny ankamaroan'ny olana avy amin'ny aloka.

CSS: Table Format Ohatra

Fisoratana anarana dia azo tena azy ireo. Izany dia miankina amin'ny toerana rehetra sy ny famolavolana. Tokony rehetra mitambatra sy variegated loko. Koa izany anjara asa lehibe manao sy ny tsirony developer. Sense ny hatsaran-tarehy no samy hafa rehetra.

Izahay manome ohatra vitsivitsy amin'ny latabatra isan-karazany. Ny sary etsy ambony dia mampiseho ny fampiasana Jery mitongilana sy milalao loko afara sy ny sisin-taniny.

Maro no ho ohatra mahaliana ny endrika milamina tsara tarehy izay tsy nanapaka ny maso mpampiasa. Ity vatana mety amin'ny toe-javatra efa misy.

Ny sisiny dia azo atao boribory. Toa tsara tarehy.

famaranana

Araka ny hitanao, fa ny endriky ny latabatra ao amin'ny CSS misy fitaovana maro. Fikirana tsirairay ihany koa ny habetsahan'ny danja lehibe ny safidy. Raha mampiasa izany rehetra izany indray, dia afaka mamorona sangan'asa. Indrindra fa raha manao adaptive famolavolana ho an'ny navigateur rehetra.

Ny zava-dehibe indrindra eo amin'ny famolavolana - AZA ATAO BE LOATRA amin'ny vokany. Ny zava-drehetra dia tokony hatao araka ny antonony. Tamin'ny voalohany, toy ny fisehon'ny hanandrana sy hampiasa ny fahalalana rehetra avy hatrany. Vokatry ny latabatra dia oversaturated fananana. Miezaha mba tsy hadisoana izany.

Ankoatra izany, dia mety hanelingelina ny sasany masontsivana amin'ny tsirairay. Ohatra, tsy misy ilaina ny mamaritra loko afara ny latabatra, raha raha misy mbola nametraka sary lafika, izay hifanindry ny voafaritra loko.