Iqarrqu Sheet: Kif inċiż CSS test

riżorsa web vvalutati mill-utenti għall-appell viżwali tagħha. Għalhekk, anki l-informazzjoni test utli ma tistax tinqara minħabba l-fatt li huwa imfassla ħażin. Konklużjoni - il-ħtieġa li b'attenzjoni u attent mhux biss għall-kontenut semantiku ta 'paġni, iżda wkoll għall-preżentazzjoni viżwali tagħha. Il-miġja tat-teknoloġija CSS żiedu l-possibilità li huma artikoli attraenti. Wieħed mill-proprjetajiet, maħsuba biex tiffaċilita l-perċezzjoni ta 'bil-miktub - test CSS inċiż.

Marġni u padding: x'inhi d-differenza?

Qabel ma tibda format-test, għandek tifhem dak marġini u padding. Minkejja l-fatt li dawn l-elementi markup f'xi każijiet tħares l-istess lill-utent, hemm differenzi fundamentali bejniethom:

• qasam tistabbilixxi l-proprjetà ikkuttunar, inċiż - marġni;
• kamp huwa ddeterminat permezz ta 'spazju bejn il-kontenut u l-konfini blokk, spazju - bejn il-konfini ta' blokki biswit;
• qasam jista 'jitqies bħala element fid-daqs (wisa' u għoli) u l-ebda.

proprjetà marġni

Allura, biex jistabbilixxu t-test orizzontali jew vertikali CSS ikkuttunar, uża l-marġni tad-disinn. Din il-proprjetà japplika għall-tikketta

dokument paragrafu kaptan. Fil-każ sempliċi, jista 'jiġi miktub bħala:

marġini: 12px.

Din il-linja ifisser li madwar blokk ta 'test (jew kwalunkwe blokk ieħor) min-naħat kollha jitqiegħed fil-indentazzjoni 12 pixels. Biex tiżdied l-intervall, per eżempju, tliet darbiet huwa biżżejjed li tikteb:

marġini: 36px.

Imma x'jiġri jekk bejn il-blokki ta 'l-intervall għandu jkun differenti fuq kull naħa? iżviluppaturi tal-web tuża diversi forom ta 'rekords:

1. marġini: 11px 22px.
2. marġini: 11px 22px 33px.
3. marġini: 11px 22px 33px 44px.

Fl-ewwel eżempju, il-indentazzjoni 11 pixels huma magħmula mill-konfini t'isfel u ta 'fuq tal-blokk, fuq il-ġnub tal-blokka - minn 22 pixels. Skond it-tieni unità rekord bejn it-tarf ta 'fuq u l-kontenut se jkun 11 pixel, bejn l-inqas - 33 pixel fuq kull naħa - minn 22 pixels. Fit-tielet test inċiż każ CSS se jkollhom valur ta '11 pixels mill-quċċata, sekondarji dritt 22 pixel, 33 pixels u 44 pixels mill-qiegħ tax-xellug.

Wkoll disponibbli hija l-abbiltà li jirreġistra id-distanza mill-konfini blokka fuq naħa waħda biss: marġini top, marġini tal-qiegħ , xellug-marġini, marġini tal-lemin. Traduzzjoni tal-ismijiet tal-proprjetajiet fil-lingwa Russa, huwa faċli li raden dwar il-ħatra tagħhom. Per eżempju, l-annotazzjoni li ġejja tindika li l-indentazzjoni fuq il-lemin se jkun ugwali għal 22 pixel:

marġini tal-lemin: 22rh.

Għad-distanza li jifdal madwar il-ġnub tal-blokk meqjusa li hija ugwali għall-valur tal-element ġenitur.

proprjetà Marġni għandu karatteristiċi li l-iżviluppatur jeħtieġ li tiftakar meta jużaw it-test CSS indentata vertikalment. Intervalli ta 'elementi ħdejn xulxin huma mhumiex magħduda, u superimpost fuq xulxin. Per eżempju, ejja ngħidu li wieħed mill-unitajiet għandha marġni-qiegħ: 15px, u taħt il-blokk biswit marġini ta 'fuq: 35px. aritmetika iskola u sens komun jiddetta li l-ispazjar totali bejniethom se jkun 50 pixels. Fil-prattika mhuwiex. Blokk b'valur kbir tal-marġini proprjetà «jibilgħu" proxxmu tiegħu. Bħala riżultat, l-intervall bejn l-elementi huwa ta '35 pixels.

"Red" linja

Nagħmlu l-dokument editur test, l-utenti jippreferu li jistaqsu kull paragrafu ġdid ma 'l- "aħmar" linja. Jużaw it-test inċiż CSS fuq ix-xellug huwa faċli li tagħmel - użu disinn test inċiż. Miktub li bħal dan:

-Inċiż test: 11px.

Dan huwa l-ewwel linja tal-paragrafu tiġi mċaqilqa relattiv għall-marġini tax-xellug ta '11 pixels. Biex it-test fuq il-paġna web ħarsu aktar bħal dokument fil-editur, inti għandek tinstalla ġustifikazzjoni addizzjonali, jiġifieri, ikteb:

-Inċiż test: 11px;

test allinjament: tiġġustifikahom.

Minbarra l-pixels, fid-deskrizzjoni tal-użu ta 'Unitajiet Markup oħra - il pulzier pretensjonijiet fil-mija. Ħalli l-unità għandha CSS test indentazzjoni ta '10%. Meta l-wisa 'tal-blokka ta' 500 pixel, il-linja ħamra se jkun 50 pixels (10% ta '500).

Għal din il-proprjetà tista 'tiġi esebita valur jirtu. Dan ir-rekord jgħid li l-unità juża proprjetà simili tal-unità prinċipali.

-Inċiż test: jirtu.

Surprisingly, il- indentazzjoni tista 'tieħu dwar il-valuri negattivi! F'dan il-każ, it-tbassir huma ffurmati minn hekk imsejħa, li huwa t-test bażiku jibqa 'fis-seħħ, u l-ewwel linja tiġi mċaqilqa lejn ix-xellug mill-22 pixel:

-Inċiż test: -22px.

L-ittri mhumiex mgħoddija fuq il-fruntiera xellug tal-browser, minbarra l--inċiż test għandha tintuża biex jiddefinixxi l-istruttura tal-qasam:

-Ikkuttunar-xellug: 22px.

ideat utli

Il-proprjetajiet bażiċi ta 'CSS għall ifformattjar test huma kkunsidrati. U tiffissa minnhom prattika għajnuna. Hawnhekk huma tips finali ftit dwar kif tapplika l-materjal tgħallmu fl-iżvilupp tal-web:

• -linja ħamra u l-indentazzjoni ta 'test - kunċetti differenti, u l-proprjetajiet differenti użati għall-gwida tagħhom;
• regoli indentazzjoni vertikali ma japplikawx matematika - intervalli jikkoinċidu, "jirbaħ" element bl-akbar valur;
• indentazzjoni negattiv użat biex jindika l-ewwel linja ta 'paragrafu ma' immaġni.