Sidee loo adeegsadaa faqradaha soo socda ee CSS

Isticmaalka Hantida Dhex-galka ah iyo Xul-gooyayaasha Walaalaha ah

Naqshad shabakeed oo wanaagsan ayaa badanaa ku saabsan daabacaadda wanaagsan. Maaddaama wax badan oo ka mid ah bogga internetka ee la soo bandhigay sida qoraalka, awood u lahaanshaha qaabka qoraalka labadaba waa mid soo jiidasho leh oo wax ku ool ah waa xirfad muhiim u leh inuu yeesho sida naqshadeeye websaydh. Nasiib darro, ma heysano isla heerka kumbuyuutarrada ah ee aan ku sameeyno internetka oo aan ku daabacno daabacaadda. Tani waxay ka dhigan tahay in aanan mar walba ku qanacsanayn qoraalka bogga shabakadda si isku mid ah oo aan ku sameyn karno cutub daabacan.

Mid ka mid ah habka sadexda ah oo aad ku aragto inta badan daabacaadda (oo aan dib u bilaabi karno internetka) waa halka ugu horeysa ee cutubkaasi uu yahay mid isku mid ah . Tani waxay u oggolaaneysaa akhristayaasha inay arkaan halka uu halbeeg bilaabayo iyo mid kale.

Ma arki kartid qaabkan muuqaalka ah ee badan bogagga shabakadda sababtoo ah daalacayaashu, marka la eego, waxay ku muujiyaan jumladaha meel bannaan oo u dhigma si ay u muujiyaan halka ay ku dhammaaneyso mid kale, laakiin haddii aad rabto inaad bog ka sameyso buuggan daabacan ku dhiirigeliyay qaabka ku habboon ee ku jira cutubka, waxaad ku sameyn kartaa hanti qaabka qoraalka ah.

Ereyga qalabkani waa mid sahlan. Halkan waxaa ah sidaad kuugu soo dari lahayd qoraallo ku qoran dhammaan cutubyada dukumeentiga ah.

p {text-indent: 2em; }

Customizing Indents

Hal dariiq oo aad u sheegi karto jumladaha si aad udooneyso, waxaad ku dari kartaa fasaladda cutubyada aad rabto indented, laakiin taasi waxay u baahan tahay inaad beddesho dhammaan cutubka si aad ugu darto fasalka. Taasi waa wax aan fiicnayn oo aan raacaynin HTML codsiga ugu fiican.

Taa bedelkeeda, waa inaad tixgelisaa marka aad ku jirto jumlada. Qodobbada qaan-sheegashada ah ee tooska ah u raacaya cutub kale. Si arrintan loo sameeyo, waxaad isticmaali kartaa doorbidaha walaalaha ee isku xigta. Iyada oo la kala dooranayo, waxaad dooranaysaa cutub kasta oo isla markiiba ku soo gala cutub kale.

p + p {text-indent: 2em; }

Maadaama aad ujirto xariiqda ugu horeysa, waa inaad sidoo kale hubisaa in faqradahaaga aysan haysan meel dheeraad ah oo u dhaxeysa (taas oo ah browserka default). Isticmaal ahaan, waa inaad leedahay meel u dhaxaysa jumladaha ama khadka hore, laakiin labadaba labadaba.

p {margin-bottom: 0; dusha sare-hooska: 0; } p + p {margin-top: 0; dusha sarreeya: 0; }

Indent Negative

Waxa kale oo aad isticmaali kartaa qalabka qoraalka ah, oo ay weheliso qiimo xun, si loo bilaabo bilawga xariiq si aad u tagto dhinaca bidix iyada oo ka soo horjeeda midig sida mid caadi ah. Waxaad samayn kartaa tan haddii uu xariiqu ku bilaabo calaamad muujinaysa si calaamadda soocda u muuqata marxaafka yar ee bidixda cutubka iyo xarfaha qudhooda waxay weli sameeyaan isugeyn wanaagsan oo bidix ah.

Waxaad dhahdaa, tusaale ahaan, inaad haysatid cutub oo ka soo jeeda boodhadh oo aad rabto inay si xun u jeexan. Waxaad qori kartaa CSS:

blockquote p {text-indent: -5em; }

Tani waxay ku siinaysaa bilawga cutubka, taas oo ay ku jirto suurtogalnimada sheekada furitaanka ee furan, in si yar loo dhaqaajiyo dhinaca bidixda si ay u abuuraan xayeysiiska hanging.

Laga soo xiganayo Margins iyo Padding

Marar dhif ah ee naqshadeynta webka, waxaad isticmaashaa qiimaha maraqa ama boodhadhka si aad u guurto walxaha oo aad u abuurto meel cad. Hase yeeshee, hantidaasi ma shaqeyn doonaan si ay u gaaraan saamaynta cutubka. Haddii aad u isticmaashid mid ka mid ah qiimaha midka ah cutubka, qoraalka oo dhan ee cutubka, oo ay ku jiraan line kasta, ayaa loo kala qaadi doonaa halkii xariiqda koowaad.