Settings ee CSS ah: dheereynta line

In CSS, masaafada u dhaxaysa khadadka waa mid aad u fudud in ay dejiyaan. Ujeedada this waxaa jira hanti gaar ah. Laakiin, dabcan, waxaa jira oo xuduudaheedu kale oo badan, kuwaas oo universal iyo lagu saleyn karaa qoraalka.

Haddii sixitaanka ma waxaa loo sameeyaa, aad ayaa lagu wadaa inay qiyamka default. waxaad bedeli kartaa masaafada haddii la doonayo. Qiimaha noqon karaa boqolkiiba ama pixels.

safka Dhererka

Masaafada u dhaxaysa CSS khadadka la soo bandhigay karaa by tirada soo socota.

In image kor ku xusan ayaa muujinaya xuduudaha la masaafo baahisey. Qoraalka waa in meel bannaan oo font-size. Ogsoonow in uusan line qoraalka bilaabi ma at saldhigga iyo wax yar ka sareeya. Hoos ku qor siiyo warqado kaas oo ay leeyihiin xubno ka hooseysa (g, y, iyo wixii la mid ah).

Ogsoonow in meel bannaan oo u dhaxeeya blocks font-size waxaa lagu magacaabaa keentay. Iyadoo HTML iyo CSS hantida taasi ma muuqdaan, laakiin waa in ay tafatirayaasha kale graphic iyo qoraalka. Tusaale ahaan, in Adobe Photoshop.

tiradaasi kor ku muujinayso meesha ee "Photoshop", waxaad cayimi kartaa keentay. Xigtayna waxaa ku qeexan goob font-size.

Tusaalooyinka isticmaalaya line-height

In CSS, masaafada u dhaxaysa khadadka lagu hagaajin karo boqolkiiba. Tusaale darey tusaale waxaa hoos ku siin.

In the case of qiimaha yar ee user ee your site noqon doonaa xanibayo inuu wax akhriyo.

Masaafada u noqon kartaa kala duwan iyo size of font ah. Haddii farqiga u dhexeeya oo xuduudaheedu aasaasiga ah aad bay u kala duwan yihiin doonaa tiro, farqiga u magdhabay hoggaamineed korodhka.

subtleties of design

Masaafada u dhaxaysa CSS khadadka sii astaysto indents kala duwan. Ka fiirso tusaale ahaan in tiradaasi.

In the "Cunsurka" haddii ay taasi ku noqon doontaa qoraalka. Kursiga - kursiga waa gudaha shayga, iyo goolasha ay - indentation ee shayga. Border - jir this. Waxay noqon kartaa 0 pixels, oo waxaa laga yaabaa in 100.

image soo socda si deg deg ah ay muujinaysaa oo dhan xadad, jir ah iyo height of line a qoraalka.

Haddii aad qabto wax text yar, oo dhan ee line hal, ama line kasta cutubka gaar ah, fogaanta laga beddeli karaa inta u dhaxaysa faqradaha diisnaan. Taasi waa maring iyo kursiga u dhaxaysa khadadka ka mid ah unugyada saamayn kuma yeelan doono. Waxay abuuraan indentation kaliya at cidhifyada shayga. Diidayo - Baaragaraafka this dhan, halkii khadadka waxa ku jira. Waxaa muhiim ah in aan isku buuqo.

Xaaladaha halkaasoo tiro badan oo saf, kuwaas oo dhammaantood ku yaalaan wax la mid ah, font ah waxaa lagu talinayaa in la beddelo soo koobin ee aasaasiga ah.

Sida loo kordhiyo masaafada u dhaxaysa khadadka ka mid ah CSS

Masaafada u dhaxaysa khadadka ka mid ah HTML, aad iska diiwaan gelin kartaa in fasalka kasta ama dhammaan cutubyada qoraalka. Haddii aad sheeg sidan oo kale: p {line-height: 20px; } - ka dibna gabi ahaanba dhan faqradihiisa bogga noqon doonaa xadhig ah 20 pixels. Haddii aad rabto in aad meelo kala duwan in tirada kala duwan, waxaa lagu talinayaa in ay sameeyaan sida soo socota.

Waxaan qori Hababka.

.class1 {line-height: 20px; }

.class2 {line-height: 16px; }

.class3 {line-height: 12px; }

Waayo, Hufnaan, waxaan ku dari jir ah, si aad u arki kartaa in uu u shaqeeyo. In mustaqbalka, waa in la saaro.

Next, waxaan isticmaali fasaladaas. Natiijadu waxay tahay sida soo socota.

Ogsoonow in ay dhacdo saddexaad, guutadii eryay qoraalka. All ay sabab u tahay xaqiiqada ah in size font waa ka weyn yahay height of line ah. Sidaa darteed, waxaa muhiim ah in la hubiyo in khilaafka noocaas ah ma ahaayeen. Haddii aad samaynayso height a line yar, siday u kala horreeyaan, la yareeyo font ah.

Waxaa laguma talinayo in la sameeyo qoraalka aad u yar oo meel fog ka yar inta u dhaxaysa khadadka. Tan iyo mid ka mid ahaa dadka isticmaala ma awoodi doonaan in ay u dhan wada akhri si deggan. Waxa uu indhaha si dhakhso ah daalan. Search matoorada sidoo kale sheegeen in qoraalka waa user-saaxiibtinimo.

Waxaa intaa dheer, in sannadihii ugu danbeeyay uu jiro culays xoog leh oo ku saabsan geynta dadka isticmaala mobile. talooyinka Waxaa mar walba sheegaa in size font waa in ay ahaataa mid caadi ah, ma yar. Gaar ahaan si xoog leh waxa ay saamayn ku tixraaca. Iyada oo ay size yar user ku adkaan doontaa in ay isticmaalaan navigation site.

In engine search ah "Google" waa qalab gaar ah taas oo ka caawisa in falanqaynta. Waa arrin aad u sahlan tahay maamulayaasha.

Halkan waxaa ku qoran tusaale oo ka mid ah natiijooyinkii laga yaabo in.

Waxaa lagu talinayaa in la isticmaalo talooyinkan sababtoo ah shuruudaha ay saamayso natiijooyinka raadinta.