CSS: laulau mamanu. faataitaiga o le faamauina

Le faia o laulau ma CSS - o lesona manaia ma nafa. Auala i lenei pisinisi e tatau ona mataalia, ma le malamalama o ituaiga mafai uma. I le faaopoopo, e tatau e maua se lagona o le matagofie ina ia mafai ona e faafefe ese ai o latou fatufatuga tagata asiasi.

O le laulau mafai ona suia ai e toetoe lava o mea uma. Matagofie mamanu e aofia ai le faaaogaina o CSS laulau tuaoi mamanu, laulau talaaga, talaaga feaveai, o le avanoa i le va oi latou ma le sili. Mafaufau i le faavae.

laulau tuaoi

CSS laulau faiga mamanu e aofia ai i taimi uma se taaloga ma se tuaoi (tino). le laulau faaletonu uma o faavaa Faataatiaga. O lona uiga, e le o tutusa ma 0 pixels. Ae e mafai ona faasaʻoina lenei mea e ala i le tuaoi meatotino.

E mafai ona faamaoti mai le faavaa i fafo mo le laulau atoa:

laulau {tuaoi: 3px mautu uliuli; }

Faafetai i lenei laina i papamaa o uma i luga o le nofoaga e faaaoga lenei faiga o le faavaa uliuli. Manatua o le tuaoi i luga o le pito, ae le o totonu o le laulau. Mo feaveai laina ma faavaa faamaoti ese.

th, td {tuaoi: uliuli 3px mautu;}

Le mafiafia ma lanu, e mafai ona faamaoti so o se. Ia manatua e le faaluaina o tuaoi pe a faasasa sela.

O le upu e faauiga a faamauina pea mautu. E mafai ona faamaoti isi tulaga faatauaina.

ua sili ona masani ona faaaogaina faavaa mausali, e pei e foliga mai e manaia ma e le faalavelave ai manatu mai le mataupu autu o le saite.

e mafai ona faamaoti mai foi meatotino tuaoi i luga o le laupapa. faatoa mafai lava ona faatulaga le tuaoi mo le pito i luga, lalo, taumatau po o le itu taumatau. Ona o nisi o tulaga e le o se filifiliga talafeagai ma le faavaa mo le laulau atoa i le taimi e tasi.

laulau {tuaoi-pito i luga: 1px mautu mumu; }

Ina ia mafai ona faatulaga le faavaa mo le pito i luga o le laulau na. E faapena foi i so o se isi vaega, nai lo le na o le tusi pito i luga: taumatau, tauagavale po o le pito i lalo.

laulau header

e mafai ona faamaoti mai header Lisi le faaaogaina o le pine . O lenei pine e mafai ona avea i le CSS le faamauina o le tele o meatotino mo le lelei-ki. O le CSS laulau mamanu e lelei ona e mafai ona osofaʻiga le elemene le auala e te manao i ai.

O lenei igoa ua faaalia i le ala lava lea e tasi e pei o se tagavai i le tusi (e pei o le "Lisi 1").

E mafai ona faamaoti mai le nofoaga o le Igoa ma meatotino faaupuga-itu (pito i luga po o le pito i lalo). Aligning le itu tauagavale po o aia tatau ua faamatalaina e le meatotino mau-ogatasi.

laulau talaaga

Talaaga o le laulau e mafai ona avea o so o se lanu po o le mamanu. faatulagaina Valivali se meatotino talaaga-lanu. Le ogatasi atoatoa igoa o le meatotino i le faaaogaina i le tautala. E faafaigofieina teuina tele o taimi.

e mafai ona faamaoti mai i le lanu e pei o le igoa, ma encodings eseese. I le faaopoopo atu, e mafai ona faamaoti mai e faapea:

• Manino - manino.
• Maua - lanu o le lava lea e tasi e pei o lena o le elemene matua.
• Uluai - faaletonu.

Filifiliga ma le manino e mafai ona faaaoga i na tulaga pe afai laulau uma i le mau i le faila CSS ua faia i se tasi lanu, ae i le tulaga lenei e leai se mea.

I le faaopoopo atu, e mafai ona avea o se faatusa o le talaaga. Ina ia faia lenei mea, i le faiga faatonuina meatotino talaaga-faatusa. O le ala e pei o lenei:

URL ( 'URL')

mafai ona faapea o le aiga po o le atoatoa o le ala i le faila.

e mafai ona faia faatumu sili atu ona faigata i se gradient:

• linear-gradient ();
• radial-gradient ();
• toe-linear-gradient () ma toe fai-gradient-radial () - gradient toe.

feaveai talaaga

I le faaopoopo atu i se faamatalaga lautele, e mafai ona faamaoti ai se talaaga tusitusi i koluma po o laina. Mo le faamauina o loo faaaogaina lava e masani ona le meatotino, ona le tuueseeseina vaaia o le laina faigofie e faitau faamatalaga.

I le faaopoopo atu i le alternation, ma e mafai ona faamaoti se numera o se faapitoa koluma po o laina. Mo se faataitaiga e pei o lenei:

• tr: nth-tamaitiiti (e tusa lava) {...} - faamaoti interlaced;
• tr: nth-tamaitiiti (1) {...} - faailoga o meatotino a se laina faapitoa;
• td: nth-tamaitiiti (e tusa lava) {...} - o se faailoga o alternating koluma;
• td: nth-tamaitiiti (1) {...} - o se faailoga o le meatotino a se koluma faapitoa.

E le gata e mafai ona faamaoti mai i le faasologa ma fuainumera - o le muamua (td: muamua-tamaitiiti) po o le mulimuli (td: tamaitiiti mulimuli).

O le eseesega i le va o le sela

I CSS, laulau mamanu e mafai ai ona e aveesea ai le avanoa i le va o sela. E lē mafai ona i ai. Mo se faataitaiga, afai e te faatulagaina le faavaa i le laulau e aunoa ma le faatulagaina o le mamao i le va o tuaoi, o le a le i ai iinei i lenei taunuuga.

Ioe, e foliga mai e manaia tele ma e le faigofie ona faitau. a tagata e faaaogāina galugalu i le mata ona o lenei mea. Aveese nei avanoa e mafai ona e tusia na o se laina i le laulau faiga:

tuaoi-paʻu: paʻu

Ae e tupu foi le mamao, i le isi itu, e tatau ona faateleina. Lē gata i lea, e mafai ona faamaoti mai i le tele o le eseesega i le va o pou ma le va o le laina. Ina ia faaalia ai o se taua (nai lo pau):

tuaoi-paʻu: eseese

Ae o le a faailoa mai se gaoioiga e faapea ua talafeagai ina ia vavaeeseina i le sela. E pei ona sa latou faasoa atu, faailoa meatotino faaopoopo:

tuaoi-faavavaina: 20px.

Afai e te fia faamaoti a mamao eseese i le va o laina ma pou, e faailoa mai mea e lua:

tuaoi-faavavaina: 10px20px.

O le eseesega i le browsers

Ia manatua i le laulau mamanu CSS mafai ona vaai eseese, e faalagolago i le browser. Aemaise lava le leaga o le tulaga ma le matutua lomiga, o le suiga fou i CSS e le lagolagoina.

O le i luga o se faataitaiga o mafiafia faavaa e faatauaina faafuainumera.

Mo le faataitaiga lenei, o le mafiafia o le faavaa mo le constants.

tuaoi ituaiga eseese foi tele.

O le mea lea, o le atiina ae i taimi uma le taunuuga i browsers eseese.

I CSS fautuaina laulau mamanu e siaki le ituaiga o browser. Aemaise faafitauli tele masani ona tagata e faaaogāina ma matutua lomiga o le Initoneti tagata suʻe nuʻu.

Lava soifua developers mafai, e faalagolago i luga o le browser e fesootai faila CSS atoatoa eseese. Ma faia e se tagata se siaki i taitasi po o nisi faiga faapitoa (vasega).

O le tele o faafitauli e tulai mai i le ata.

CSS: Lisi Faataitaiga Faatulagaina

e mafai ona fai si eseese o le Faamauina. E fuafua lava i le nofoaga atoa ma ona mamanu. e tatau ona tuufaatasi uma ma lanu variegated. Foi e faia e se atinae tele matafaioi ma le tofo. Lagona o le matagofie o le eseese uma.

Tatou te tuuina atu nisi o faataitaiga o le laulau eseese. Le fuainumera o loo faaalia i luga o le faaaogaina o faasipa ma taaalo ai ma le lanu talaaga ma tuaoi.

Toatele o le a manaia faataitaiga o mamanu mama matagofie o le a le oti le tagata e faaaogāina le mata. O lenei embodiment e talafeagai i le toetoe lava o soo se tulaga.

e mafai ona faia lapotopoto le pito. E foliga aulelei manaia.

iʻuga

E pei ona e vaai i ai, mo le faaali mai o le laulau i CSS o loo i ai le tele o meafaigaluega. Taitasi parameter o se aofaiga tele foi o filifiliga taua. Afai e te faaaogaina uma le taimi e tasi, e mafai ona e faia masterpieces. Aemaise lava pe afai e te faia mamanu adaptive mo browsers uma.

O le mea autu i le fuafuaga - e le soona ai ma le aafiaga. O mea uma e tatau ona faia i le fuafua lelei. I le taimi muamua, o le faatulagaga manao e faataitai ma faaaoga vave uma lo latou malamalama. O se taunuuga o le laulau o meatotino oversaturated. Taumafai e aloese mai nei mea sese.

Lē gata i lea, e mafai ona faalavelave nisi le faataamilosaga i le tasi ma le isi. Mo se faataitaiga, e leai se manaomia o le faamaoti le talaaga lanu o le laulau, ae afai ei ai pea o faatulaga faatusa talaaga, lea o le a fesiliaʻi le lanu faamaotiina.