Faimamago Pepa: E faapefea e indent CSS mau

punaoa Uepi faatauaina e tagata e faaaogaina mo lana talosaga vaaia. O le mea lea, e le mafai ona faitauina e oo lava i faamatalaga mau aoga ona o le mea moni e faapea ua lē lelei le fuafuaina. Faaiuga - le manaomia ona faaeteete ma mataala e le gata i le mataupu semantic o le itulau, ae faapea foi i lona faatinoga vaaia. O le toe afio mai o tekinolosi CSS faateleina ai le avanoa o le fatuina o se mataupu manaia. O se tasi o le fanua, o le faamoemoe e faafaigofie ai le vaaiga o tusia - indent mau CSS.

Autafa ma padding: o le a le eseesega?

Ae e te lei amata ona faatulagaga o le mau, e tatau ona e malamalama i le mea autafa ma padding. E ui lava i le mea moni e faapea o nei elemene markup i nisi tulaga vaai le tasi i le tagata e faaaogāina, o loo i ai le eseesega faavae i le va o i latou:

• faatulagaina fanua le padding meatotino, indent - autafa;
• ua fuafuaina fanua e se va i le va o le mataupu ma le tuaoi i poloka, o se avanoa - i le va o tuaoi o le poloka tuaoi;
• e mafai ona manatu i le fanua, o se elemene i le tele (lautele ma le maualuga) ma e leai se.

autafa meatotino

O lea, e tuu le faalava po o mau tūsaʻo CSS padding, faaaoga autafa mamanu. O lenei meatotino e faaaogā i le pine

parakalafa pepa aloaia matai. I le tulaga aupito faigofie, e mafai ona tusia o le:

autafa: 12px.

O lenei laina o lona uiga e faataamilo i se poloka o mau (po o se isi poloka) i itu uma o loo tuuina i le indentation 12 pixels. Ina ia faateleina le vaitaimi, mo se faataitaiga, e tolu taimi ua lava e tusi:

autafa: 36px.

Ae faapefea pe afai i le va o le tatau ona ese i poloka o le vaitaimi i itu taitasi? faaaoga developers Uepi le tele o ituaiga o faamaumauga:

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

I le faataitaiga muamua, o le indentation 11 pixels ua faia mai le tuaoi i lalo ma le pito i luga o le poloka, i luga o le itu o le poloka - e 22 pixels. E tusa ai ma se iunite faamaumauga lona lua i le va o le pito i luga ma o le aano o le a 11 pixels, le va o le pito i lalo - 33 pixel i itu taitasi - e 22 pixels. I le anotusi indent CSS mataupu lona tolu o le a a taua o 11 pixels mai le pito i luga, e saʻo itu 22 pixels, 33 pixels ma le 44 pixels mai le agavale pito i lalo.

O loo maua o le tomai e faamaumau ai le mamao mai le tuaoi poloka i le tasi itu na: autafa-luga, autafa-pito i lalo , autafa-taumatau, autafa-saʻo. Le faaliliuina o le igoa o le meatotino i le gagana Rusia, e faigofie lava ona mate e uiga io latou tofiga. Mo se faataitaiga, faailoa le ulufale nei e le indentation i le itu taumatau o le a tutusa i le 22 pixels:

autafa-taumatau: 22rh.

Mo le totoe mamao i le itu o le poloka manatu e tutusa ma le tau aogā o le elemene matua.

ua meatotino autafa foliga o se atinae e manaomia e manatua pe a faaaogaina CSS mau faamoemoeina faasologa agai i lalo. e le aoteleina vaitaimi o elemene tuaoi, ma superimposed le tasi i le isi. Mo se faataitaiga, manatu o loo i ai se tapulaa o-pito i lalo o se tasi o le iunite: 15px, ma lalo ifo o le poloka tuaoi autafa-pito i luga: 35px. Aoga numera ma lagona masani faatonuga o le faavavaina atoa le va oi latou o le a 50 pixels. I faiga e leai. A poloka ma a tele taua o le folo «autafa meatotino" e lona tuaoi. O se taunuuga, o le vaitaimi i le va o elemene e 35 pixels.

"Red" laina

Faia o le pepa aloaia i se faatonu tusiga, tagata e faaaogāina e mananao e fai atu i le parakalafa fou i le "mumu" laina. Faaaogaina CSS indent mau i le itu tauagavale e faigofie ona fai - faaaogaina mamanu mau-indent. Tusia ai e pei o lenei:

mau-indent: 11px.

o le laina muamua lena o le ua siitia le aiga o le parakalafa i le autafa tauagavale o 11 pixels. Ina ia faia le mau i luga o le vaai e sili atu le itulau web e pei o se pepa aloaia i le faatonu, e tatau ona faatuina se faamaoniga faaopoopo, e, tusi:

mau-indent: 11px;

mau-ogatasi: faamaonia.

I le faaopoopo atu pixels, i le faamatalaga o le faaaogaina o Iunite isi markup - inisi tapa pasene. Tuu atu i le iunite ei ai se indentation mau CSS o le 10%. A o le lautele o le poloka o le 500 pixels, le laina o le mumu o le a 50 pixels (10% o le 500).

Aua e mafai ona faaalia lenei meatotino tofi taua. O lenei faamaumauga o loo faapea mai le iunite faaaogāina se meatotino e pei o le iunite matua.

mau-indent: tofi.

E ofo ai, o le indentation mafai ona i tulaga faatauaina lelei! I lenei tulaga, o le fuafuaga o loo faia e ala i le taʻua, o tumau pea le mau faavae i le nofoaga, ma le laina muamua ua siitia i le tuua e 22 pixels:

mau-indent: -22px.

O le tusi e le o pasi i luga o le tuaoi tauagavale o le browser, e faaopoopo i le mau-indent e tatau ona faaaogaina e faamatala ai le faatulagaga o le fanua:

padding-taumatau: 22px.

hints fesoasoani

Le meatotino faavae o CSS mo formatting mau o loo iloiloina. Ma faatulaga i latou fesoasoani faiga. O ni nai fautuaga mulimuli i le auala e faaaoga ai le mea aoaoina i le atinae web:

• le laina lanumumu ma le indentation o mau - ni manatu eseese, ma meatotino eseese faaaoga mo lo latou taitaiga;
• e lē faaaogāina tulafono tūsaʻo indentation matematika - vaitaimi fesiliaʻi, "malo" elemene i le taua tele;
• indentation le lelei faaaogaina e faailoa ai le laina muamua o se parakalafa i se faatusa.