Vebijêrkên Xweseriya Xweseriya Rûpelê ya Bikaranîna CSS'yê bikar bînin
Malpera CSS e ku ji bo veguhestineke pir girîng e. Ji bo ku hûn bi wan re pêşniyar dikin ku hûn dakêşin pêşniyarên malpera malpera xwe bikin, lê ji bo ku hûn bikar bînin, divê hûn bizanin ka ew çawa dixebite.
Di çarçoveya şêwazê de, milkê xilaskirina CSS ya vî awayî dibîne:
rast. {float: right; }
Vê gavê gerok dike ku her tiştî bi çîna "rast" divê rast be.
Hûn ê weha dixwazin:
class = "rast" />
Hûn dikarin bi xaniyê CSS-ê re bistînin?
Hûn nikarin her elementê ser rûpelê malperê nekarin. Hûn dikarin tenê hêmanên astengên asta asteng bikin. Ev ew e ku ew di rûpelê li ser rûpelê de, wek wêneyên (), paragraphs (), parçeyên (), û lîsteyan ().
Hînên din ên ku tekstê bandor dikin, lê qutiyek li ser rûpelê biafirînin, hêla hêmanên inline tête û nikarin werin. Ew elementên mîna span (), rêzikên xêzik (), zextên zordar (), an jî îtalî ().
Li wir derê çêdibe?
Hûn dikarin ji hêla rastê an çepê vekin. Her celebek ku hêla hewayê pêdivî ye, li ser aliyekî dinê li ser aliyekî dorpê dike.
Ji bo nimûne, heger ez wênek çepê, nivîskî an jî hûrgelên din jêrîn wê jêrîn wê wê li derdora rastê ye. Û eger ez wêneyek rastê bikim, her tekst an jî hêmanên jêrîn wê li wê derê çepê çepê. Wêneyek ku di blokek tekstê de bêyî ku tu çiqas blokek tavê tête kirin, tê nîşandan, lêbelê gerok be ku wêneyên dakêşîn pêk tê.
Ew gelemperî bi rêza yekem ya jêrîn e ku di bin jêr wêneyê de nîşan dide.
Çawa ew ê lihev bibin?
Ji hêla hêla çepê an rastê ya katalêkerê wek ku ew dikare dikare tê xistin. Ev encam di rewşên cûda de girêdayî ye ku girêdayî çiqas kodê nivîsîn e.
Ji bo van nimûne, ez ê elementek biçûk a DIV elementê çepê:
- Heke elementek pêdivî ye ku çarçoveya pêşî ya pêşdibî nekirî, ew ê wek ku hewce û hewceyê bêhtir qasî horizontal bigire, bêyî ku ji bilê çîn. Têbînî: Hin gerokên hewl hewlên hêmanên ku li çarçoveya ne diyar e hewl didin-bi gelemperî tenê elementek nermalav tenê tenê cihekî piçûk. Ji ber vê yekê hûn her tim her demek hûrgelan li ser hêmanên tewd bike.
- Heke konserkerê elementê HTML elementê ye, DIVê yê dê di çarçoveya çepê de rûpelê rûniştin.
- Heke kantonê xwe xwe ji aliyê tiştek din ve tê de, dê DIVê dê di çarçoveya çepê de naveroka rûniştin.
- Hûn dikarin nimûneyên hûrgelan çêbikin, û dibe ku di encama dorpêçê de di encama bêhnxweş de derbas dibe. Ji bo nimûne, ev xelet DIV yê çepê ye ku di hundurê DIV de rast e.
- Elektrîkê hêja dê li hev hev re rûniştin heger heke li odeya kêlîkê heye. Ji bo nimûne, vê konserer di çarçoveya 400pxê de piseker de sê 100px-wide DIV hene.
Hûn dikarin bi karanîna galeriya wêneya wêneyê ava bikin. Hûn her tîmbekirî didin (gava ku ew hemî heman sîrek baş dike), di DIV bi kapîtalê û hêja DIV-ê de li konserer.
Bêguman çiqas gerdûnkek pirfireh e, tîpên wê yekem bi rengê xwe re binivîsin.
Turnat off the Float
Dema ku hûn bizanin ka meriv çawa elementek biqewimînin, girîng e ku hûn bizanin ka ka çawa çuçê çêdibe. Hûn xaniyê zelal a CSS-ê dakêşin. Hûn dikarin çepên çepê, riya rast û hem jî dikarin:
berbiçav: çep
eşkere: rast;
eşkere: herdu
Her celebek ku hûn ji bo milkên paqijkirî diaxivin ji bo wê ê jêrîn ê elementek ku rêberî tête xuya dike. Ji bo nimûne, di vê nimûneyê de du paragraphên nivîskî ne paqij kirin, lê sêyemîn e.
Bi nirxên cuda yên cuda yên di belgeyan de bila bandorên cureyê cuda bibin.
Yek ji yekemên herî balkêş ên balkêş e ku rêzikên wêneyên binavê an çepê çepê li pêş paragrafên nivîsê ye. Heke ku tekstek dirêj e ku wêneyê berê derbas dibe, hûn dikarin li ser hemû wêneyên vala bikar bînin ku ji bo ku ew di hundirê borî de ji bilî dîmenê berê berê vebigere.
HTML (vê paragraphê dubare bikin):
Duis aute irure dolor sed do eiusmod tempor in incididunt in reprehenderit di voluptate. Cupidatat ne nîjadperest, lêbigere û dolore magna aliqua.
Sîstema (wêneyên çepgir li çepê):
img.float {float: left;
berbiçav: çep
margin: 5px;
}
Û ji rastê:
img.float {float: rast;
eşkere: rast;
margin: 5px;
}
Bikaranîna Pevçûnan Ji
Dema ku hûn bizanin ka çiqas xanî xaniyek dixebite, hûn dikarin bikar bînin ku hûn rûpelên malperên xwe bidin. Ev pêngavên ku ez dixwazim rûpelê malpera pêdivî ye:
- Design layout (li ser kaxezê an di nav karta grafika an jî di serê min de).
- Navnîşan bikin ku dabeşên rûpelê têne kirin.
- Di çarçoveyên çarçoveyên cûrbecûr û elementên nav wan de binirxînin.
- Her tiştî ye. Heta hêsanturê kûrtirîn elementê çepê çepê ye ku ez dizanim ku ew dê di portûra dîtina portê de be.
Heta ku hûn di çarçoveya çarçoveya (sedemên baş de) deverên xweya xwe yên dizanin, hûn dikarin bikaribin xaniyê float bikar bînin ku ew li ku li ser rûpelê de li wan biparêzin. Û tiştek xweşik e, hûn nexşirandin ku pir modela qonaxa boxê ya ji bo Explorer Explorer-Firefox an Firefox cuda ye.