Çawa Paqijkirina CSS Dibe ku Bersivên Bersiv Bike Bêyî Têbêne

Daxistinên Tabûrên Navneteweyî yên Navneteweyî yên Nû vekin

Gelek sedem hene hene ku ne ji bo tablesên ji bo veguhestinê bikar bînin . Yek ji sedemên herî zêde yên ku ji bo berdewamkirina wan didin wan dide, ji ber ku ew zehf bi CSS-ê re dijwar e. Tevî ku pirtûkên CSS-ê ku dihêle ku çiqas CSS-ê, fêm dibe ku hûn çawa hêsantir be. Û gava ku hûn hîn bibin, hûn ê sedemên herî herî hevpar ên ku ji bo bikaranîna CSS-ê bikar bînin-"-He ew bi lezgehên nivîskî veguhest e." Ji ber ku hûn tablesên din dizane, leztir e. bi wê

Piştgiriya gerokê ya Positiona CSS

Positionên CSS-ê di hemî gerokên hemdem de piştevanî piştgirî kirin. Heta ku hûn ji bo Netscape 4 an Explorer 4 Internet Explorer ava dikin, xwendekarên we ne pêdivî ye ku rûpelên web-paceyên CSS-ê bibînin.

Çiqas Hûn Dike Hîndanê

Dema ku hûn malperên ereb bikar bînin, divê hûn di şêweya tabloyê de bifikirin. Bi awayekî din, hûn di hucreyan û rêzan û kolanan de difikirin. Rûpelên we yên web dê vê nêzîk nerazî bikin. Dema ku hûn di designa pîşesaziya CSS'ê de bikişînin, hûn ê rûpelên di naveroka naverokê de bifikirin, ji ber ku hûn dikarin li hundurê devera xweş bikin - her tiştî li ser naverokên din ên din jî bixwazin.

Malperên cuda yên avahiyên cuda hene. Ji bo pirtûkek bandorek çêbikin, avakirina pergala ku ji ber ku hûn naveroka xwe binirxînin binirxînin. Di rûpelê de mînakek pênc beşên cuda hene:

  1. Header Malê ji bo reklama banner, navnîşê malper, navîgasyonên navîgasyon, navnîşek nivîskî û herweha hin tiştan din.
  2. Dema rast Ev alî yê rûpela bi kulikê lêgerîn, reklamên, vîdyoyên vîdyoyî, û qadên firotanê ye.
  3. Naveroka Gotara gotara gotara, posta blogê an kartê kirînê - xwarin û xwarinê ya rûpelê.
  4. Adsên Inline . Serdanan di nav naverokê de.
  5. Footer Navîgasyonê jêrîn, agahdarvanê nivîskar, agahiyên kopîkirinê, adreseyên banner yên jêrîn, û girêdanên peywendîdar.

Ji bilî wan pênc hêmanan di tabelê de binivîsin, beşên hûrgelên HTML5 bikar bînin ku beşên cûda yên cuda binivîse, û paşê pîşesaziya CSS bikar bînin ku li ser rûpelê naverokê.

Nasnameyên Xweseriya Nasnameyê

Piştî ku hûn qadên cîhêreng ên cihê yên malpera xwe diyar kir, divê hûn bi wan re HTML binivîsin. Dema ku hûn dikarin bi gelemperî, dabeşên xwe di her armanca xwe de cih bikin, ew fikr baş e ku hûn beşên herî girîng ên pirtûka xwe ya xwe bibînin. Ev nêzîk dê alîkarî bi çêtirîna pisporê lêgerînê-ê jî alîkarî dike.

Ji bo ku pozîsyona xwenîşandan, rûpelek sê-sê-blovan, lê no header or footer nirxandin. Hûn dikarin dikarin pozîsyona bikar bînin ku ji we re wek çêkirina rengê çêbikin.

Ji bo pergala sê-stûn, sê beşan binivîse:: Dîrok, rast, û naverokê derketin.

Ev beşan dê ji hêla naveroka ARTICLE û her du beşên SECTION ji bo du stûnan ve bête kirin. Her tişt her weha hebûna taybetmendiya wê ye. Dema ku hûn bikar anî id id, divê hûn her id ji bo her idek yekane diyar bike.

Positioning Content

Bikaranîna CSS, ji bo ku hûn hêmanên nasnameyên we nas bike. Di agahdariya xwe de di navnîşana xwe de cih bikin.

#content {

}

Naverok di van heremên wê de dê heya hewayê bigire wekî ew dikare bibe, ji sedî 100% ya çarçoveya cihan an jî rûpelê. Ji bo bandorkirina qada seqetê bêyî bila xistina çarçoveyek, paqijkirina anjewendiyên anjî.

Ji bo vê rengê, du stûnên bi çarçoveya çarçoveyan ve ava bikin û paşê paşiya xwe bi temamî destnîşankirin, da ku ew ê bandor ne ku ew li HTML-ê têne dîtin.

# left-column {
helwesta: temamî;
çepgir: 0;
width: 150px;
margin-çep: 10px;
margin-top: 20px;
rengî: # 000000;
padding: 3px;
}
# right-column {
helwesta: temamî;
çepê: 80%;
top: 20px;
width: 140px;
padding-left: 10px;
z-index: 3;
rengî: # 000000;
padding: 3px;
}

Piştre ji bo qada naverokê, li ser milê çep û çep diyar bike ku naveroka wê du dûrên derveyî dorpêç bikin.

#content {
top: 0px;
margin: 0px 25% 0 165px;
padding: 3px;
rengî: # 000000;
}

Di çarçoveya pirtûkên HTMLê de bikar bînin CSS-ê bikar anîna pisporiya teknîkî bêtir hewceyê, lê belê paşnavê ji hêla pîvanên bêhtir û berbiçav ve tête û ji hêla veguhestina pergalê veguherîna navnîşa paşê ya te ve tê.