Yaudara Sheet: Yadda Hujin rubutu CSS

Web hanya mai daraja da masu amfani domin ta gani roko. Saboda haka, ko amfani da rubutu bayanai ba za a iya karanta saboda da cewa shi ne talauci tsara. Kammalawa - bukatar a hankali, kuma m ba kawai ga na ginin jumla abun ciki na pages, amma har da na gani gabatar. Zuwan CSS fasahar ta ƙara da yiwuwar samar da wani m articles. Daya daga cikin Properties, aka yi nufi ga sauƙaƙe ji na rubuta - Hujin CSS rubutu.

Gefe kuma padding: Mene ne bambanci?

Kafin ka fara zuwa format rubutu, ya kamata ka gane abin da ribace-ribace da padding. Duk da cewa wadannan markup abubuwa a wasu lokuta duba guda zuwa ga mai amfani, akwai muhimman hakkokin bambance-bambance tsakanin su:

• filin kafa padding dukiya, Hujin - gefe.
• filin da aka ƙaddara da rata tsakanin abinda ke ciki da kuma block iyaka, a sarari - tsakanin iyakokin m tubalan.
• filin da za a iya gani a matsayin wani kashi a cikin size (nisa da tsawo) da kuma ba.

gefe dukiya

Saboda haka, to kafa a kwance ko a tsaye padding CSS rubutu, amfani da zane gefe. Wannan dukiya ya shafi tag

sakin layi master daftarin aiki. A cikin sauki harka, za a iya rubuta kamar:

gefe: 12px.

Wannan layi na nufin cewa a kusa da wani gungu na rubutu (ko wani block) a kan dukkan bangarorin da aka sanya a cikin indentation 12 pixels. Don kara tazara, misali, sau uku ne isa ya rubuta:

gefe: 36px.

Amma abin da idan tsakanin tubalan na tazara ya zama daban-daban a kan kowane gefe? Web developers amfani da dama siffofin records:

1. gefe: 11px 22px.
2. gefe: 11px 22px 33px.
3. gefe: 11px 22px 33px 44px.

A farko misali, da indentation 11 pixels an sanya daga ƙananan kuma babba iyakoki na block, a tarnaƙi na block - by 22 pixels. A cewar wani biyu rikodin naúrar tsakanin babba baki da abun ciki zai zama 11 pixels, tsakanin ƙananan - 33 pixel a kowane gefe - by 22 pixels. A cikin uku hali CSS Hujin rubutu zai yi darajar 11 pixels daga saman, gefen dama 22 pixels, 33 pixels da kuma 44 pixels daga kasa hagu.

Har ila yau, akwai ne da ikon zuwa rikodin da nisa daga block iyaka a gefe daya ne kawai: gefe-saman, gefe-kasa , gefe-bar, gefe-dama. Fassarawa sunayen da kaddarorin a Rasha harshen, shi ne mai sauki tsammani game da ganawa. Alal misali, da wadannan shigarwa na nuni da cewa indentation a dama za su zama daidai wa 22 pixels:

gefe-dama: 22rh.

Ga sauran nesa a kusa da bangarorin na block zaci su zama daidai ga darajar iyaye kashi.

Gefe dukiya yana da siffofin da cewa a developer bukatar ya tuna a lokacin da yin amfani da CSS rubutu indented tsaye. Jinkiri daga m abubuwa ba su takaita, kuma superimposed a kan juna. Ga misali, a ce daya daga cikin raka'a yana da wani gefe-kasa: 15px, da kuma a kasa da m block gefe-saman: 35px. Makaranta ilmin lissafi da kuma kowa hankali ya nuna cewa jimlar jerawa tsakanin su zai zama 50 pixels. A yi shi ba. A block da manyan tamanin da dukiya gefe «Swallow" maƙwabcinsa. A sakamakon haka, da tazara tsakanin abubuwa ne 35 pixels.

"Red" line

Yin da daftarin aiki a wani rubutu edita, masu amfani fi son don tambayar kowacce sabon sakin-layi da "ja" line. Amfani da CSS rubutu Hujin a kan hagu ne sauki yi - yin amfani da rubutu-Hujin zane. Rubuta shi kamar haka:

rubutu-Hujin: 11px.

Wannan shi ne na farko line na sakin layi aka canja dangi zuwa hagu gefe na 11 pixels. Don sa rubutu a kan shafin yanar gizo duba more kamar wani daftarin aiki a cikin edita, ya kamata ka shigar da ƙarin gaskata, cewa shi ne, rubuta:

rubutu-Hujin: 11px;

rubutu-mayar: gaskata.

Bugu da kari a pixels, a cikin bayanin da yin amfani da sauran aiki na bada Units - inch ikirarin kashi. Bari a naúrar a CSS rubutu indentation na 10%. Lokacin da nisa daga cikin block na 500 pixels, da ja layi zai zama 50 pixels (10% na 500).

Domin wannan dukiya iya nuna darajar gada. Wannan rikodin ce cewa naúra tana amfani da irin wannan dukiya da iyaye naúrar.

rubutu-Hujin: gada.

Abin mamaki, da indentation iya dauka a kan korau dabi'u! A wannan yanayin, da tsinkaya aka kafa ta da ake kira, cewa shi ne ainihin rubutu ya zauna a wuri, da kuma na farko line an canja zuwa bar ta 22 pixels:

rubutu-Hujin: -22px.

A haruffa ba su haye hagu iyaka da browser, ban da rubutu-Hujin kamata a yi amfani da su ayyana tsarin da filin:

padding-bar: 22px.

m alamu

Ainihin Properties na CSS domin tsara rubutu suna dauke. Kuma gyara su taimako yi. Ga 'yan karshe tips a kan yadda za su yi amfani da koya abu a yanar gizo ci gaba:

• da ja layi da kuma indentation na rubutu - daban-daban Concepts, da kuma daban-daban Properties amfani a kan shiryuwarsu.
• tsaye indentation dokoki ba su shafi lissafi - jinkiri zoba, "lashe" kashi da ya fi girma darajar.
• korau indentation amfani da su nuna na farko line na wani sakin layi da wani image.