ЦСС: сто дизајн. примери регистрације

Израда столова са ЦСС - лекције занимљив и одговоран. Приступ овом послу треба да компетентно, уз познавање свих могућих стилова. Поред тога, неопходно је да поседује смисао за лепо, како не би застрашивања своју посетилаца креативност.

Табеле може да трансформише скоро све. Лепа дизајн подразумева употребу ЦСС табела дизајна граница, стони позадини, ћелије позадини, јаз између њих и више. Размислите најосновније.

сто граница

ЦСС дизајн див стиле увек подразумева игру са границе (рам). Све дефаулт табеле нису контуре оквир. То јест, да је једнак 0 пиксела. Али то се може исправити границе имовине.

Можете одредити спољни оквир за целу табеле:

Табела {граница: 3пк чврста црна; }

Захваљујући овој линији на свим столовима на сајту који користи овај стил је црни оквир. Имајте на уму да само граница на ивицама, али не унутар табеле. За ћелијске линије и оквира назначено другачије.

тх, тд {бордер: 3пк солид блацк;}

Дебљина и боја, можете навести било. Имајте на уму да се границе не удвостручен је спајањем ћелија.

Реч означава чврсту континуирано регистрацију. Можете одредити и друге вредности.

се најчешће користи чврсту оквир, као што изгледа атрактивније и не одвуку пажњу од главног садржаја сајта.

граница имовина може се одредити и на табли. Граница се може подесити само за горе, доле, лево или десно страни. Јер у неким случајевима није изводљива опција са оквиром за цијелу стола одједном.

сто {бордер: 1пк солид црвена; }

Тако да можете поставити оквир за врх само сто. Слично свим другим странама, а не само врх написати: десно, лево или дно.

сто заглавље

Табле хеадер који се обично користе ознаку <цаптион>. Овај таг може бити у ЦСС да региструју много особина за фино подешавање. Дизајн ЦСС сто је добро, јер је могуће да маневар елементе онако како ви желите.

Овај наслов се приказује на исти начин као стандард у књигама (као што је "Табели 1").

Можете одредити локацију наслова и имовине цаптион-сиде (горњи или доњи). Усклађивање лево или десно је дефинисан на имовину тект-алигн.

бацкгроунд столови

Позадина табеле може бити било које боје или образац. Боја поставља имовинско бацкгроунд-цолор. Имена својстава у потпуности у складу са употребу у говору. То олакшава складиштење много пута.

Боја се може одредити као име, и разних кодирања. Поред тога, можете одредити следеће:

• Транспарент - транспарентан.
• Наследити - боја је иста као она из родитељског елемента.
• Иницијална - подразумевани.

Опција са транспарентности може да се користи у оним случајевима у којима су сви столови у тексту у ЦСС фајлу направљених у једној боји, али у овом случају нема потребе.

Поред тога, позадина може бити слика. Да бисте то урадили, у стилу прописује бацкгроунд имовине. Пут је овако:

урл (УРЛ-а ')

Пут до датотеке могу бити релативна или апсолутна.

Сложенији пуњење може да се уради са градиент:

• линеар-градиент ();
• радиал-градиент ();
• понављање-линеар-градиент () и понављање-радијални-градијента () - градиент поновљена.

позадина ћелија

Поред позадини уопште, можете одредити пругаста позадину у колона и редова. За регистрацију имовине се користи врло често, јер је визуелни раздвајање линија лакше за читање података.

Поред алтернација, а можете навести број одређеној колони или реду. На пример, као што је овај:

• ср: сис-дете (чак) {...} - навести преплитања;
• тр: нтх-цхилд (1) {...} - индикација својстава одређеног редом;
• тд: нтх-цхилд (чак) {...} - показатељ наизменичне колоне;
• тд: нтх-цхилд (1) {...} - наводе својстава одређеној колони.

Поред секвенца и бројеви могу се одредити - први (ТД: први дете) или последња (ТД последња-дете).

Јаз између ћелија

У ЦСС, сто дизајн омогућава да уклоните размаке између ћелија. По дефаулту су. На пример, ако подесите оквир у табели без постављања растојање између граница, то ће бити овде овај резултат.

Слажем се, не изгледа врло лепо и није згодно да чита. Корисници ће имати таласање у очима због тога. Уклоните ове празнине може бити писањем управо такву линију у стилу табели:

тект-алигн: колапс

Али исто тако дешава да је удаљеност, напротив, треба повећати. Штавише, величина празнине може бити специфициран као између стубова и између редова. Да указују на то да вредност (уместо пропасти):

тект-алигн: одвојен

Али, таква акција ће указују да је неопходно да се одвоје ћелије. Као што је њихов удео, наведено додатно својство:

фонт-фамили: 20пк.

Ако желите да одредите другачији дистанцу између редова и колона, то значи две ствари:

фонт-фамили: 10пк20пк.

Разлика у претраживачима

Имајте на уму да у ЦСС дизајн табеле може изгледати другачије, у зависности од претраживача. Посебно лоше што је то случај са старијим верзијама, да се иновације у ЦСС није подржан.

Наведени је пример оквира дебљине до дигиталних вредности.

За овај пример, дебљина оквира за константе.

стилова граница такође у великој мери разликују.

Стога, развој увек видети резултат у различитим претраживачима.

У ЦСС дизајн табеле препоручује се да се провери тип претраживача. Посебно велики проблем је некада била корисницима са старијим верзијама Интернет Екплорер.

Врло напредни програмери могу, у зависности од претраживача за повезивање потпуно различите ЦСС фајлова. И неко прави чек у свакој или неки посебан стил (класа).

Већина проблема настаје из сенке.

ЦСС: табеле Примери

Регистрација се може доста варира. Све зависи од целог сајта и његовом дизајну. Сви треба да се комбинују и Разноврсне боје. Такође, чини велику улогу и укус програмера. Осећај лепоте је све другачије.

Дајемо неке примере различитих столова. На слици изнад показује употребу нагиба и играју са бојом позадине и границе.

Многи ће бити занимљив пример прелепом уредан дизајн који неће прекидати кориснике очију. Ова варијанта је прикладно у готово свакој ситуацији.

Ивице може бити заобљени. Изгледа лепо.

закључак

Као што се види, за појаву табела у ЦСС има много алата. Сваки параметар је и огромна количина опција вредности. Ако га користе сви одједном, можете да креирате ремек-дела. Поготово ако ти адаптивни дизајн за све претраживаче.

Главна ствар у дизајну - не претерујте са ефектима. Све би требало да се уради у умерености. У почетку, распоред воле да експериментишу и одмах користити све своје знање. Као резултат табели су оптерећено својства. Покушајте да избегнете ове грешке.

Штавише, неки параметри могу ометати једни друге. На пример, нема потребе да одредите боју позадине на столу, а ако постоји још увек за позадинску слику, која неће преклапати наведену боју.