E le faʻamapulaʻaina oe ile vasega CSS e tasi ile elemene.
Faʻasalaga Faʻataʻetaʻi (CSS) e faʻatagaina oe e faʻamatalaina foliga o le elemene e ala i le faʻaoga i uiga e te faʻaaoga i lena elemene. O nei uiga e mafai ona avea ma ID poʻo se vasega ma, pei o uiga uma, latou te faaopoopo faʻamatalaga fesoasoani i elemene o loʻo faʻapipiʻi atu i ai. Faʻalagolago i le fea uiga e te faʻaopopo i se elemene, e mafai ona e tusia se filifili CSS e faʻaaoga sitaili vaaia talafeagai e manaʻomia e ausia ai foliga ma lagona mo lena elemene ma le upega tafailagi i lona atoaga.
E ui lava o ID poʻo vasega e galulue mo le faʻamoemoe e faʻaogaina i latou i tulafono a le CSS, o metotia faaonaponei faʻaonaponei faʻapitoa e fiafia i vasega i luga o ID, i se vaega, ona e le maoti ma faigofie ona galulue i le aotelega. Ioe, o le ae maua le tele o saite e faʻaaoga ai ID, ae o na uiga o loʻo faʻaaogaina sili atu nai lo le taimi ua mavae, aʻo faʻaaogaina e vasega vasega itulau faʻaonapo nei.
Vasega nofofua pe toʻatasi ile CSS?
I le tele o tulaga o le a e tofia se tasi o vaega o le vasega i se elemene, ae e leʻo faʻamapulaʻaina i na o le tasi le vasega latou te i ai i le ID. E ui o se elemene e na o le tasi le uiga ID, e mafai lava ona e tuʻuina atu se elemene o vasega e tele ma, i nisi tulaga, o le faia o le a faʻagofieina ai lau itulau ma sili atu ona faigofie!
Afai e tatau ona e atofaina ni vasega se tele i se elemene, e mafai ona e faaopoopo i ai vasega faaopoopo ma faigofie ona vavaeeseina i se avanoa i lou uiga.
Mo se faataitaiga, o lenei parakalafa e tolu vasega:
upside up featured left left "> O le mea lenei o le parakalafa
O lenei mea e setiina vasega e tolu i le parakalafa tag:
- Pullquote
- Faʻaalia
- Taumatau
Matau le avanoa i le va o nei tulaga faatauaina o vasega. O na avanoa o mea ia e faatulaga ai i latou o ni vasega eseese, vasega taʻitasi. O le mea lea e le mafai ai e avanoa o le vasega ona i ai ni avanoa i totonu ia i latou, aua o le faia o lea mea o le a vaetofia ai i latou o ni vasega eseese.
Mo se faʻataʻitaʻiga, afai e te faʻaaogaina le "upega-left-left" e aunoa ma se avanoa, o le a tasi le vasega aoga, ae o le faʻataʻitaʻiga o loʻo i luga, pe a vavaeese nei upu e tolu ma se avanoa, faʻapipiʻi i latou o ni mea taua. E taua tele le malamalama i lenei manatu aoe filifili po o fea tulaga faatauaina a le vasega e faaaoga i luga o lau itulau.
O le taimi lava e te maua ai lau vasega i le HTML, e mafai ona e vaetofia nei vasega i lau CSS ma faʻaaoga sitaili e te manaʻo e faʻaopopo. Faataitaiga.
.pullquote {...}
.featured {...}
laiga {...}
I nei faʻataʻitaʻiga, o faʻamatalaga a le CSS ma paʻaga taua o le ai ai i totonu o le faʻamalosi, o le auala e faʻaogaina ai na sitaili i le tagata filifilia saʻo.
Faʻaaliga - afai e te setiina se vasega i se elemene taua (mo se faʻataʻitaʻiga, p.ftft), e mafai lava ona e faʻaaogaina e avea o se vaega o se lisi o vasega; ae ui i lea, ia nofouta o le a aafia ai na elemene o loʻo faʻamaonia i le CSS. I se isi faaupuga, o le sitaili o le a na o le faʻaaogaina i parakalafa ma lenei vasega talu ai o loʻo fai mai lou sui filifilia e faʻaaoga i "palakalafa ma le aoga o le 'agavale'". I le eseesega, o isi tagata filifilia e toʻalua i le faʻataʻitaʻiga e le o faʻamaonia se mea taua, o lea latou te faʻaaoga i soʻo se elemene e faʻaaogaina na tulaga o vasega.
Faʻapitoa o le tele o vasega
O le tele o vasega e mafai ona faafaigofie ai ona faaopoopo ni aafiaga faapitoa i elemene e aunoa ma le fatuina o se ata fou fou mo lena elemene.
Mo se faʻataʻitaʻiga, atonu e te manao e maua le malosi e faaseʻe ai elemene i le itu tauagavale poʻo le sao vave. E mafai ona e tusia ni vasega se lua o loʻo totoe ma taumatau ma na o le fetolofi: tauagavale; ma felelei: saʻo; i totonu oi latou. Ma, o le a lava le taimi e te maua ai se elemene e tatau ona e faaseʻe i luga, e faigofie lava ona e faaopoopo i le vasega le vasega "tuu".
E i ai se laina lelei e savali ai iinei, peitaʻi. Manatua o tulaga faʻasinomaga i luga o le 'upega tafaʻilagi e faʻasinoina le vavaeʻese o laʻau ma fausaga Faʻapipiʻia le faʻaaogaina e ala i le HTML ae o le sitaili o loo iai i le CSS.
Afai o lau pepa HTML o loʻo tumu i elemene o loʻo i ai uma igoa o le vasega e pei o le "mumu" poʻo le "agavale", o igoa ia e taʻitaʻia le auala e tatau ona foliga ai elemene nai lo le mea o loʻo i ai, o loʻo e sopoia lena laina i le va o le fausaga ma le ituaiga. Ou te taumafai e faagata oʻu igoa e le masani ai i le vasega mo le mafuaaga lenei.
Vasega Faʻatasi, Semanticics, ma le Javascript
O le isi avanoa i le faʻaaogaina o vasega e tele o le tuʻuina atu lea ia te oe le tele o isi fefaʻatauaʻiga.
E mafai ona e faʻaaoga ni vasega fou i elemene o loʻo i ai nei e faʻaoga ai le JavaScript e aunoa ma le aveesea o vasega muamua. E mafai foi ona e faʻaaoga vasega e faʻamalamalama ai semina o se elemene . O lona uiga e mafai ona e faʻaopopo i luga o vasega faaopoopo e faʻamatalaina le uiga o lena elemene. O le auala lea e galue ai Microformats.
Faʻafitauli o le tele o vasega
O le faʻalavelave tele i le faʻaaogaina o vasega e tele i luga o au elemene o le mafai lea ona avea i latou ma se mea e le mafai ona e vaai ma puleaina le taimi. Atonu e faigata ona fuafua pe oa ituaiga o mea e aafia ai se elemene ma pe afai ei ai ni tusitusiga e aafia ai. O le tele o ata o loʻo maua i aso nei, e pei o Bootstrap, faʻaaoga mamafa elemene ma vasega e tele. O lena numera e mafai ona alu ese mai le lima ma faigata ona galue vave pe afai e te le faʻaeteete.
A e faʻaaogaina ni vasega se tele, e te taumafai foi i le tulaga o le i ai o le ituaiga mo le vasega e tasi e sili atu nai lo le mea e te le o manaʻo i ai. O le mea lea e ono faigata ai ona e iloa pe aisea e le faʻaaogaina ai ou sitaili pe a foliga mai e tatau.
E tatau ona e nofouta i mea patino, e tusa lava ma uiga e faʻaaogaina i lena elemene!
I le faʻaaogāina o se meafaigaluega e pei o meafaigaluega Webmaster i Chrome, e mafai ona sili atu ona faigofie ona e iloa pe faapefea ona aafia au sitaili i au vasega ma aloese mai lenei faafitauli o feteenaiga ma uiga.
Original tusiga na saunia e Jennifer Krynin. Edited by Jeremy Girard i le 8/7/17