Baro sida loo abuuro Badbaadada Bilowga ah ee Isticmaalka CSS iyo Sawirrada
Baro sida loo isticmaalo CSS si loo abuuro furfurnaanta bilowga ah ee loogu talagalay cutubkaaga. Waxaa jira xitaa farsamada beddelka muuqaalka sawirada si loo isticmaalo sawir muuqaal ah oo loogu talagalay furkaaga hore.
Noocyada aasaasiga ah ee Kaabashooyinka hore
Waxaa jira saddex qaab oo asaasi ah oo asaasi ah:
- kicin - ugu caansan, meeshii waraaqda ugu horreysa ay ka weyn tahay isla markaana la mid ah qoraalka hadda.
- hoos u dhacay - sidoo kale waa caadi, meeshii waraaqda ugu horreysa ay ka weyn tahay oo hoos uga hooseysa xariiqda koowaad ee qoraalka. Qoraalka soo socda ayaa markaa ku dul wareegaya.
- ku dhejisan - meesha waraaqda ugu horeysa ay ku taal hal tiir oo ku taal inta ka hartay qoraalka. Tani waxay ka badan tahay daabacaadda marka la eego naqshadda Webka.
Koofiyadaha hore ama xirashada furka waa kuwo aad u yaqaan. Waxay udub dhexaad u yihiin dhar kale oo dhaadheer oo dhaadheer. Iyo hantida CSS: warqad koowaad, waxaad si fudud u qeexi kartaa sida loo sameeyo waraaqahaaga koowaad.
Abuur Gaar ah Awood Fiican
Dhamaan waxaad u baahan tahay inaad sameyso si aad u abuurto xariiq bilaash ah oo bilawga hore ah waa inaad ka sameysid waraaqda ugu horeysa ee ku jirta qaybtaada weyn oo leh darajada koowaad ee warqadda:
p: warqad koowaad {font-size: 3em; }Laakiin daalacashada badankoodu waxay arkayaan in warqadda ugu horreysa ay ka weyn tahay inta ka hartay qoraalka ee xariiqda, si ay u sameeyaan hogaaminta u dhiganta waxa macno u yeelanaya waraaqda ugu horraysa, ee aan ahayn inta kale ee xariiqda. Nasiib wanaag, tani waa sahlan tahay in lagu xakameeyo qalabka ugu horreeya ee loo yaqaan "pseudo-element" iyo hantida xariijinta:
p: warqad koowaad {font-size: 3em; } p: koowaad {line-height: 1em; }Ku ciyaar dhererka xariijintaada dukumeentigaaga ilaa aad ka heshid cabbirka saxda ah ee qoraalkaaga.
La cayaar Qeybta hore
Markaad fahamto sida loo abuuro furka hore, waxaad dharka u jejebin kartaa dharka quruxda badan si aad u dhigto. Ku ciyaara midabada, midabada asalka ah, xuduudaha, ama wixii waxyeelladaada ah. Habka fudud ee fudud ayaa ah in la baddalo midabada midabada font iyo midabadaada oo kaliya waraaqda ugu horeysa:
p: warqad koowaad {font-size: 300%; midabka midabka: # 000; midabka: #fff; } p: xariijinta koowaad {dhererka xariijinta: 100%; }Qiyaano kale waa in la barto xariiqda koowaad. Tani waxay noqon kartaa mid caqli leh CSS, maaddaama dhexda xariiqda qoraalka ay ka duwanaan karaan haddii qaabkaagu uu yahay mid dabacsan. Laakiin qaar ka mid ah ciyaartoyda ku ciyaaraya qiimaha, waxaad ku dhejin kartaa xariiqdaada ugu horeysa si aad u sameyso waraaqda ugu horeysa ee u muuqata in ay tahay dhexda. Kaliya la cayaar boqolkiiba inta qoraalka ah ee cutubka illaa ay u muuqato mid sax ah:
p: warqad koowaad {font-size: 300%; midabka midabka: # 000; midabka: #fff; } p: xariijinta koowaad {dhererka xariijinta: 100%; } p {text-indent: 45% ; }Kaabayaasha ugu horreeya ee kumbuyuutarka ayaa ku adag CSS
Xiritaannada bilowga ah waxay ku adkaan karaan CSS sababta oo ah boogaha kala duwan waxay muujinayaan qaababka kala duwan. Fikradda ka dambeysa abuurida xarig xuddun ah CSS waa in la isticmaalo hantida qoraalka ah ee xariiqda koowaad si aad ugu riixdo (bidixda) qiimo taban. Waxaad sidoo kale u baahan doontaa inaad bedesho cidhibbada bidix ee cutubkaas qadar ah. Ku muuji lambarradan ilaa ay ka muuqato cutubka u muuqda mid wanaagsan.
p {text-indent: -2.5em; margin-bidix: 3em; } p: warqad koowaad {font-size: 3em; } p: xariijinta koowaad {dhererka xariijinta: 100%; }Helitaanka Kaabbooyinka hore ee Fancy
Habka ugu fiican ee loo abuuri karo furka ugu horeeya waa inuu bedelo font inuu ka helo qoys badan oo qurxiyo. Haddii aad isticmaashid taxane taxane ah oo ay ku xigto font guud , waxay kaa caawineysaa inaad damaanad qaadato in furkaaga hore uu muujiyo si wanaagsan si macaamiishaadu ay u aragto, iyada oo aan la helin arrimaha la heli karo iyo waxyaabaha la isticmaali karo.
p: warqad koowaad {font-size: 3em; font-family: "Edwardian Script ITC", "Brush Script MT", cursive; } p: xariijinta koowaad {dhererka xariijinta: 100%; }Iyo, sida caadiga ah, waxaad soo bandhigi kartaa dhammaan talooyinkaan si wada jir ah si loo abuuro fur furan oo ah qaabka xayeysiinta ee cutubkaaga.
Isticmaalida Cap Caption Initial
Haddii, ka dib oo dhan, aadan weli jeclaan sida xayndaabka ugu horeeya ee fiirin bogga, waxaad ku daali kartaa sawirro si aad u hesho saameynta dhabta ah ee aad raadineyso. Laakiin ka hor intaadan go'aansan inaad si toos ah ugu dhaqaaqdo garaafyada, waa inaad ka warqabtaa cilladaha qaabkan:
- Macaamiisha aan haysan sawiradu ma arki doonaan furka hore, mana arki karaan qoraalka qarsoodiga ah ee sawirku bedelayo. Tani waxay ka dhigan kartaa cutubka aan la heli karin, ama sida ugu fiican ee loo akhriyo.
- Sawirada had iyo jeer ku dar wakhti sawir bogga. Haddii aad haysato furitaan badan oo bilowga ah, waxaad si weyn u kordhin kartaa wakhtiga soo-galinta ee wax badan oo dadku dareemayaan in ay tahay mid aan muhiim ahayn.
- Dareemayaasha qaar ayaa soo bandhigi doona waraaqda ugu horeysa iyo muuqaalka - taas oo ka dhigan kartaa qoraalka cutubka.
- Aad ayey u adag tahay in la saxo doorashadan, maadaama aad si fiican u ogtahay waxa warqadda ugu horeysa si aad u isticmaasho sawirka saxda ah. Marka, mar kasta oo cutubka la diyaariyo, waxaa laga yaabaa inaad u baahato inaad abuurto garaaf cusub.
Marka hore, waxaad u baahan tahay inaad sameysid garaafka warqadda koowaad. Waxaan isticmaalaa Photoshop si loo abuuro L "L" oo leh xarafka "Edwardian Script ITC". Waxaan ka dhigay weyn - 300pt size size. Ka dibna waxaan sawirrada hoos udhigay muuqaalka ugu yar ee ku wareegsan warqadda oo aan ku arkay sawirka ballaaran iyo dhererka.
Kadibna waxaan abuuray fasal "capL" ee cutubkayga. Tani waa meesha aan qeexayo waxa sawiradu isticmaalaan, hogaanka (xariijinta), iyo wixii la mid ah.
Waxaad u baahan tahay inaad isticmaasho sawirka iyo dhererka si aad u dejiso qoraalka qoraalka ah iyo kan sare ee korantada. Wixii sawirkayga L, waxaan u baahday 95px indent iyo 72px caanaha.
p.capL {line-height: 1em; image-image: url (capL.gif); Dib-u-celin asal ah: dib-u-celin; text-indent: 95px; dusha sare: 72px; }Laakiin taasi maaha. Haddii aad ka tagto, ka dibna warqadda ugu horeysa ayaa lagu soo koobi doonaa cutubka - marka hore la garaafka, ka dibna qoraalka. Sidaa darteed, waxaan ku daray darajada ugu horeysa ee ay la socoto fasalka "bilowga" - oo u sheegay browserka inuusan muujin warqadan:
span.initial {bandhig: midna; }Ka dibna garaafka ayaa si sax ah u muuqda. Waxaad ku ciyaari kartaa ereyga qoraalka ah ee cutubka si aad u hesho qoraalka ku habboon warqadda saxda ah, si kastaba ha ahaatee waxaad jeclaan lahayd inaad muujiso.