CSS Box: beþdarî û bandora

çarşefên style Raxistin (CSS) ji bo hemû sadebûn û mentiqî de xwe bidin ku ne tenê ji bo afirandina çareseriyeke design awarte, di heman demê de jî hêmanên çalakiya rast ne, (lasayî) performansê yên qanûna rastî.

Bęjeyek ji tag dîtbarî IP-komonîst - a herêma lakêşeyî ji avaniya û naveroka taybetî. The element birîtî ye ji alîkî ji koordînat, size, padding, reng, font, style font, û hwd. Frame CSS-element ji wan re dibêje qada dagîrkirî, ku ji hundir ve ji sînorên xwe li ser amanc width terxankirî ye.

description syntax

element cîbecîkirina QADÊ xwe dişinî koordînat xizmên xwe di quncikê çepê yê rûpel (ji çepê, top), ku mezinahiya li ser dîrektîfan horizontal û vertical (width, height). Hemû hêmanên design û animation di cotên kir "milkê: value".

Description rasterast li code rûpel ji bo têxe nav style an di nava pelên kirin, çêkî, ji bo wî LINK reference. syntax:

#name {malê: value; property: value; property: value; ...}

an

.name {malê: value; property: value; property: value; ...}

The name dikare bi p, beden, html, sifrê, td be ..., ku bi navê tag IP-markup e. Dibe ku rasterast bi description of element style girêdayî ye.

Berî ku hun style nivîsên xwe min make up, ziyanê ne ji bo dîtina ka ew li ser malperên gel kirin, mirov code rûpel de, an jî ji aliyê Ctrl-U ji bo dîtina vê rasterast di geroka.

The Parametreyên bingehîn

style di rastiyê de element frame CSS temsîlkirin (border-style), reng (border-color), width (border-width). Ev hemû dikarin xwe di yek malê were terîfkirin - sînor. Tu dikarî her sînorê frame serbixwe salix (border-top, border-bottom,-sînor hiştin, sînor-rastê).

frame CSS ravekirin ji qaîdeyên giştî ya Nûneratiyên style Qebûlkirinê te:

sînorê: 3px;
border-color: red;
border-style: cot hindo kêşayî solid.

Ev danasîna navborî bi width sînor ji 3 pixel, color - aliyan sor, style: aliyê jorîn a du qat, mafê - hindo, bottom solid, çep - point.

border-width: 1px 2px 4px 8px;
border-color: blue;
border-style: nexşandine.

şîn, û style - - Here, alîyên ji her aliyekî jî sequentially ji top, bi rastê, reng in Spot.

border-color: blue sor reş kesk;

Di vê specification, bi serê xwe dişinî color li her aliyekî. malê sînor dikarin Parametreyên piralî, û angles ji çarçovê de dikare bibe dora in:

border: 1px kesk solid;
border-radius: 0px 4px 8px 12px;
-moz-sînor-radius: 0px 4px 8px 12px;
-moz-border-radius: 0px 4px 8px 12px;

Li ser ku çawa ji bo ku di çarçoveya li CSS, ew li ser nexebitin mêvan girêdayî, ji ber ku bi piranî bandora dejî ji bo armancên teknîkî tê bikaranîn, dema ku ew girîng e ku nîşan bide cihê rastîn û size yên li herêmê li ser rûpel.

Sturiya ji çarçovê de û armanca xwe

Bi hilbijartina sturiya ji çarçovê de, tu px bi kar tînin, pt, em ..., lê belê divê ev yek bê bîr neçe ku, ew her tim di nav element qadê de. Ev zehmet e ku îddîa dike ku di çarçovê de heye, lê armanca design CSS, lê ji aliyê teknîkî ve ev pir kêrhatî, ku h'emű hêmanên rûpel e.

Eger çîna frame sereke [Girtî], ku dûrva e, bi kîjan it Di pseudo-class: hover, lê dikare were li ziyaretvan ji element rûpel ên wekî eyaletên a babete menu li banî tê, dema ku ew cursor, mişkî li ser e,. Carinan ji hilbijêre bitikîne û tiştekî li ser wêneyê de, yan jî tiştek li derekê nîr û pêwîst e. Ev pir musaît e ji bo bikaranîna frame dot, û ne ji bo guhertina rûerdê element an jî naveroka wê.

Hin serlêdanên pêwîst diravên ku li herêmên rûpel, an tomar ji bo muamelekirina din hilbijêre. Di vê rewşê de, di wê demê de ji klîk bo afirandina div bi sînor û heta ku mêvan ji nade bişkoja mouse berdim ne, mezinahiyê, nîşandana kêmasîya encama hilbijartina.

li derve bin

tutorials CSS pir balkêş in, ku li ser girîngiya lêkolînên codes ji rûpelên malperên populer e. Lê belê, ji çavkaniyên xwe, divê yekta be, divê ev rûyê xwe bi xwe heye.

Diberikan hevoksaziya frame CSS ne wisa shéwezarí bide ne, wek însîyatîfa xwe bi xwe. Beþdarî - destpêkeke mezin, û tu tişt asteng a pêşvebirinê bo avakirina çarçoveya xwe bi xwe. Bi taybetî jî bi hemû destkeftiyên teknolojiya Internet û Nişimanî ya standardên heyî gelek ramanên hêviyê li ser kêmasiyên rast ji syntax heyî, ku (ji aliyê pênase) her dem bi tevahî fermî bûye.

Bi taybetî jî, eger û ji bo avakirina vê çarçoveyê de ji hêmanên hin, wisa xuya ye minasib ji bo vê yekê bi berfirehî. Kirpandina ji tags şexsî di aliyan de û angles yên herêmê, tu bandorên amazing bistînin. A hêzeke handlers respective, dikarin hêmanên rûpel dînamîk, guhertina helwesta, shape û naveroka biafirîne.