Mamitaka Sheet: Ahoana no Kinifinify lahatsoratra CSS

Web harena sarobidy ho an'ny mpampiasa ny maso antso. Noho izany, dia mahasoa lahatsoratra vaovao tsy azo mamaky noho ny zava-misy fa dia zara raha natao. Famaranana - ny tokony hihaino amim-pitandremana sy tsy ny zotran afa-po ny pejy, fa ny maso ihany koa ny famelabelarana. Ny fahatongavan'ny CSS teknolojia nitombo ny mety hisian'ny famoronana lahatsoratra tsara tarehy. Ny iray amin'ireo fananana, natao mba hanamorana ny fomba fijery ny voasoratra - Kinifinify CSS lahatsoratra.

Sisiny sy ny padding: inona no maha samy hafa?

Alohan'ny manomboka ny format ny andinin-teny, dia tokony hahatakatra ny zavatra sisiny sy ny padding. Na dia eo aza ny zava-misy fa ireo fanamarihana singa amin'ny tranga sasany hijery izany ny mpampiasa, dia misy fahasamihafana fototra teo amin'izy ireo:

• padding an-tsaha mametraka ny fananany, Kinifinify - sisiny;
• saha dia tapa-kevitra iray banga eo amin'ny andian-tsoratra anatiny sy ny sisin, ny toerana - eo amin'ny faritry ny mifanila biriky;
• saha dia azo heverina ho toy ny singa ao amin'ny habe (sakany sy ny haavony) ary no.

sisiny fananan'ny

Noho izany, mba hametraka ny marindrano na mitsangana padding lahatsoratra CSS, mampiasa ny famolavolana sisiny. Zavatra tsy fananana mihatra amin'ny tenifototra

fehintsoratra tompony antontan-taratasy. Ao amin'ny raharaha tsotra, dia azo soratana toy ny:

sisiny: 12px.

Midika izany fa io tsipika manodidina ny andian-tsoratra ny teny (na hafa andian-tsoratra) amin'ny lafiny rehetra, dia napetraka tao amin'ny Fikinifinifin'ny andininy 12 teboka. Mba hampitomboana ny elanelam-potoana io, ohatra, dia in-telo ampy hanoratra:

sisiny: 36px.

Ahoana anefa raha eo amin'ny kilalao miendrika biriky ny elanelam-potoana io dia tokony ho samy hafa eo amin'ny lafiny tsirairay? Web mpandraharaha mampiasa maro endriky ny rakitsoratra;

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

Ao amin'ny voalohany, ohatra, ny Fikinifinifin'ny andininy 11 teboka natao avy ny ambany sy ny ambony faritry ny andian-tsoratra, teo amin'ny lafiny roa amin'ny andian-tsoratra - tamin'ny 22 teboka. Araka ny firaketana an-tsoratra faharoa vondrona eo amin'ny sisiny ambony, ary ny votoaty dia ho 11 pixels, eo ambany - 33 Pixel eo amin'ny lafiny tsirairay - amin'ny 22 teboka. Tamin'ny tranga fahatelo lahatsoratra Kinifinify CSS dia hanana zava-dehibe ny 11 teboka avy any ambony, ankavanana 22 pixels, 33 sy 44 teboka teboka avy amin'ny ambany ankavia.

Misy ihany koa ny fahaizana mba hanoratra ny lavitra avy ao amin'ny andian-tsoratra sisin amin'ny lafiny iray ihany: sisiny-tampon'ny, sisiny-ambany ,-sisiny ankavia, sisiny ankavanana. Fandikana ny anaran 'ireo fananana ao amin'ny teny Rosiana, dia mora ny maminavina momba ny fanendrena. Ohatra, ny fidirana manaraka dia manondro fa ny Fikinifinifin'ny andininy eo ankavanana dia ho mitovy amin'ny 22 teboka:

sisiny ankavanana: 22rh.

Fa ny sisa tavela lavitra manodidina ny lafiny roa amin'ny andian-tsoratra noheveriny ho mitovy zava-dehibe ny ny ray aman-dreny singa.

Fananan'ny sisiny dia manana lafin-javatra izay ny developer mila mitadidy andinin-teny rehefa mampiasa CSS indented mitsangana. Nifanalavitra be ny mifanila singa tsy namehy, ary superimposed eo amin'ny samy izy. Aoka hatao fa ny iray amin'ireo vondrona manana sisiny-ambany: 15px, ary eto ambany ny andian-tsoratra nifanila sisiny-ambony: 35px. Sekoly rafitrisa sy ny fahaiza tononiny fa ny Heba tanteraka teo amin'izy ireo dia ho 50 teboka. Amin'ny fomba fanao dia tsy. Ny andian-tsoratra amin'ny lehibe ny fananana sarobidy ny sisiny «sidintsidina" ny namany. Ho vokany, ny elanelam-potoana eo amin'ny singa dia 35 teboka.

"Mena" tsipika

Ny fanaovana ny antontan-taratasy ao amin'ny andinin-teny tonian-dahatsoratra, mpampiasa kokoa ny manontany vaovao tsirairay fehintsoratra amin'ny "mena" tsipika. Mampiasa CSS lahatsoratra Kinifinify tamin'ny ankavia dia mora ny manao - fampiasana text-Kinifinify famolavolana. Voasoratra izany toy izao:

text-Kinifinify: 11px.

Izany no andalana voalohan'ny andininy dia nifindra mikasika ny sisiny havia ny 11 teboka. Mba hahatonga ny lahatsoratra amin'ny aterineto pejy nijery bebe kokoa toy ny antontan-taratasy ao amin'ny tonian-dahatsoratra, dia tokony mametraka fanampiny fanamarinana, izany hoe, manoratra:

text-Kinifinify: 11px;

text-hampifanaraka: fialan-tsiny.

Ankoatra ny teboka, eo amin'ny famaritana ny fampiasana ny fanamarihana hafa Units - mirefy milaza isan-jato. Aoka ny tarika manana lahatsoratra CSS Fikinifinifin'ny 10%. Rehefa ny sakan'ny ny andian-tsoratra ny 500 pixels, ny tsipika mena ho 50 teboka (10% ny 500).

Ary noho izany dia mety ho fananana sarobidy naranty zara-tany. Ity rakitsoratra ity milaza fa ny sampana koa dia mampiasa ny fananan'ny ray aman-dreny rafitra.

text-Kinifinify: zara-tany.

Mahagaga, ny Fikinifinifin'ny afaka amin'ny ratsy soatoavina! Amin'ity tranga ity, ny vinavina dia niforona amin'ny alalan'ny antsoina hoe, izany no teny fototra mitoetra eo amin'ny fitoerany avy, ary ny andalana voalohany dia nifindra tamin'ny ankavia tamin'ny 22 teboka:

text-Kinifinify: -22px.

Ny taratasy dia tsy nandalo ny ankavia fari-tanin'ny navigateur, ho fanampin'ny text-Kinifinify tokony hampiasaina mba hamaritana ny firafitry any an-tsaha;

padding-sisa: 22px.

manampy hamantatra izany

Ny fananana fototra ny CSS ny fandrafetana andinin-teny dia raisina. Ary manamboatra azy ireo fanampiana fanao. Ireto misy toro-hevitra vitsivitsy farany momba ny fomba hampiharana ny fanazavana ao amin'ny tranonkala nianatra fampandrosoana:

• ny tsipika mena sy ny Fikinifinifin'ny lahatsoratra - foto-kevitra samy hafa, ary samy hafa ny fananana ampiasaina ho tari-dalana;
• mitsangana Fikinifinifin'ny andininy fitsipika tsy mampihatra Matematika - intervals roa, dia "mandresy" singa lehibe kokoa ny vidiny;
• Fikinifinifin'ny ratsy ampiasana dia milaza ny andalana voalohan'ny andininy iray miaraka amin'ny sary.