CSS: design sifrê. wergerandî yên qeydê

Making maseyên bi CSS - ji dersê balkêş û berpirsiyar. Rûmet ji bo vî karî divê baş, bi zanîna hemû styles gengaz. Ji bilî vê, ji bo xwediyê wateya ji bedewiya di da ne ji bo tirsandina off mêvanên afirîneriya xwe wê pêwîst e.

Tabloyên dikarin hema hema her tişt veguherîne. design Beautiful dimeşin bikaranîna maseyên CSS sînorên design, background sifrê, background hucreyê de, cudahiya di navbera wan û zêdetir. Hizrên xwe ya herî bingehîn.

sînorê sifrê

CSS design style sifrê her tim dimeşin a game bi sînor (frame). Hemû tabloyên default in frame lîngustîk ne. Ku, ew ji bo 0 pixels wekhev e. Lê belê ev dikare ji aliyê sînorê xanîyê ku bê sererastkirin.

Tu dikarî di çarçoveya rehberek ji bo tevahiya sifrê diyar bike:

table {border: 3px solid reş; }

Sipas ji bo vê xeta li hemû tabloyên li ser vê malperê ku ji zimên vê style frame reş e. Zanibe ku li ser sînorê bi tenê li kevîyên, lê ne di nava maseyê. Ji bo xetên hucreyê de û frame din werin.

th, td {border: 3px reş solid;}

Sturiya û color, tu dikarî diyar bike. Di hişê xwe de ku sînorên bi qat ne dema splicing hucreyên.

Ew gotina ku pêre a qeydkirinê de berdewam solid. Tu dikarî nirxên din jî diyar bike.

ku herî pir tê bikaranîn frame solid, wekî ku dixuye balkêş zêdetir û nayê bal ji naveroka sereke di malperê de bala xwe ne.

malê sînor dikare li ser forumê hatiye diyarkirin. Ţermezarkirin tenê dikare ji bo jor, jêr set, çep an aliyê rastê. Ji ber ku di hin rewşan de ye opsiyona beraqil bi çarçovê de ji bo tevahiya sifrê di cih de ne.

table {border-top: 1px solid sor; }

Îcar tu çarçovê de ji bo jor li ser bi tenê li ser sifrê rûniştin. Bi heman awayî bi partiyên din, li şûna tenê top re binivîse: rastê, çep an bottom.

header sifrê

header Table dikare bi bikaranîna tag diyarkirin. Ev tag dikarin di CSS be to qeyd gelek xanîyan ji bo xas-tuning. The design sifrê CSS baş e, ji ber ku gengaz e bo manevrayên hêmanên di rê de tu dixwazî bibe.

Ev title ku di heman awayî wekî îdeala di pirtûkan de (yên weke "Tablo 1") nîşan dan.

Tu dikarî cihê vê title û milk caption-side (top an bottom) diyar bike. Hefsarê çepê an mafê bi milkê text-align danasîn.

maseyên background

Background ji ser sifrê dikare bibe xwediyê color an pattern. Color sets milkê background-color. Navên milkên bi temamî bi kar tîne ku di axaftina hevgirtî. Ev asankariyê bicivîne û gelek caran.

The color dikare wekî ku bi navê, û encodings cuda hatine diyarkirin. Di gel wan, tu li jêr diyar dike:

• Şefaf - transparent.
• War - color, heman wekî ku ji element û bav e.
• Destpêkê - standard.

Vebijarka bi şefafî dikare di wan rewşan de ku hemû tabloyên li deqa di nav file CSS bi li yek reng kirin tê bikaranîn, lê di vê rewşê de ye, ne hewce ye li wir.

Li gel vê, ji rûerdê dibe ku image. Ji bo vê jî, li style nevê milkê background-image. Rêya e wekî vê:

url ( 'URL')

Rêya pelê be yan jî xizmekî an mutleq.

dagirin More tevlîhev dikare bi rengên kirin:

• xêzeke-rengên ();
• radial-rengên ();
• dubare-xêzeke-rengên () û dubare-radial-rengên () - rengên dubare kir.

hucreyê de background

Li gel a background di giştî, tu dikarî background sorî li stûnên an rêzikan diyar bike. Ji bo qeydkirina malê tê bikaranîn, gelek caran, ji ber ku veqetandina dîtbarî de ji xeta hêsantir xwendin agahî.

Li gel di newek hevbûna, û tu hejmara a column an row taybetî diyar bike. Ji bo nimûne wekî vê:

• tr: Fibonacci-zarok (hetta) {...} - diyar interlaced;
• tr: Fibonacci-zarok (1) {...} - nîşaneyeke li milkên rêzeke taybetî;
• td: Fibonacci-zarok (hetta) {...} - yek jî nîşan dide alternatîf stûnên;
• td: Fibonacci-zarok (1) {...} - yek jî nîşan dide taybetiyên a column taybetî.

Ji bilî Bûyer û hejmar dikare xwe dişinî - ya yekemîn (td: yekem-zarok) an dawîn (td: last-zarok).

Ferqa di navbera şaneyên

Di CSS, design sifrê destûrê dide te ku jê cîhên ku di navbera şaneyên. By default ew in. Ji bo nimûne, eger tu çarçovê de li ser sifrê set bê avakirin, ku di navbera sînorên, ku ew dê li vir bin ev encama.

Dipejirînim'ê dixuye jî, ev pir xweşik ne û ev ne misaît xwendin ne. Bikarhêner li ser wê pêlika li ber çavên ji ber vê heye. Jê van deman de, bi destê nivîsandina tenê wisa line li style sifra be:

border-hilweşîna: hilweşîna

Lê belê ev jî dibe ku li dûr, li berevajî, divê bê zêdekirin. Ji bilî wê, size valahî dikare wekî di navbera stûnên û di navbera xetên xwe dişinî. To nîşan dide ku nirxa (di şûna hilweşe):

border-hilweşîna: cuda

Lê belê wisa çalakiyê nîşan didin wê ku hewce ye jî ji hev cuda hucreyên. Çawa ku re wan de bû, got milk din:

border-spacing: 20px.

Heke tu dixwazî diyar dûr cuda di navbera rêzikan û stûnên, ev hevok du tiştên:

border-spacing: 10px20px.

Cidahiya di gerokên

Di hişê xwe de ku di CSS maseyên design binêrin cuda, li gor geroka. Bi taybetî jî xerab doza bi versions kevintir e, ku nûtirîn di CSS nayê destekirin.

Li jor mînakek ji thicknesses çarçovê de ji bo nirxên dîjîtal e.

Ji bo vê mînak, sturiya ji frames ji bo constants.

styles sînor jî gelek cuda ne.

Ji ber vê yekê, pêşketina her tim di encama gerok cuda bibîne.

Di CSS maseyên design tê pêşniyarkirin ku venêrî type of browser. Bi taybetî pirsgirêka mezin tê bikaranîn ji bo, ku, bikarhênerên bi versions kevintir ji Internet Explorer.

pêşdebiran pir pêşketî dikarin, li gor geroka to connect files CSS bi temamî cuda bê. Û kesek jî kontrolekê li hev an hin style taybetî (class).

Piraniya pirsgirêkên ji ber sîberên rabe.

CSS: Nimûne Format Table

Registration dikare gelekî cudane. hemû Ev li tevahiya site û design ve girêdayî ye. All divê li hev bikin û bi rengên variegated. Jî ew jî rola xwe û flavor pêşvebirinê mezin. Sense of beauty hemû cuda ye.

Em hinek wergerandî yên maseyên cuda bide. Ev jimar li ser bikaranîna tilt nîşan dide û play bi rengê rûerd û sînor.

Gelek dê bibe nimûneyeke balkêş yên design neat xweş ku wê bikarhênerên çav li birrîn ne. Ev bighîjne li hema hema ti rewş guncaw e.

Li keviya dikare giroverkirin çêkirin. Ev xuya dike rind xweşik.

encamê de

Wek ku hûn dibînin, ji bo dîtinê yên maseyên li CSS gelek amûrên hene. Her parametre e jî yekcar pir options nirxê. Heke tu hemû ev kar di cih de, tu şaheser biafirîne. Bi taybetî jî eger tu design Adaptive bo hemû gerokên.

Ya herî sereke, di design - wê bi bandorên nedît. Her tişt, divê di nermbûna kirin. Di destpêkê de, bi layout dixwazin ji bo ku ezmûna û bikaranîna hemû zanîna xwe ya di cih de. Di encama vê çalakiyê li ber masê milkên oversaturated in. Hewl da ku ev şaşitî.

Ji bilî vê, çend parametreyên dikarin bi hev re nebim. Ji bo nimûne, e êdî pêdiviya wan bi xwe diyar bike heye rengê rûerd yê ji ser maseyê, dema ku eger heye ku hê jî set background image, ku rengê xwe dişinî û PAJKê wê.