Vasega ma ID Fesoasoani e faalautele lau CSS
O luga o upega tafaʻilagi o fale i luga o le Upega Tafaʻilagi e manaʻomia ai se malamalamaaga loloto o le CSS (Faʻataʻaloga Faʻapitoa). O faatonuga nei e te tuʻuina atu se upega tafaʻilagi e fuafua pe faʻapefea ona faʻatulagaina i le matala o le masini. E te faʻaaogaina se faasologa o "sitaili" i lau pepa HTML o le a maua ai foliga ma lagona o lau itulau.
E tele auala e faʻaaoga ai na ituaiga sitaili ua faʻamatalaina i luga o se pepa, ae o le tele o taimi e te manao e faʻaaogaina na o nisi o elemene i totonu o se pepa, ae le o taimi uma lava o lena elemene.
E mafai foi ona e faia se sitaili e mafai ona e faʻaaogaina i nisi elemene i totonu o se pepa, e aunoa ma le toe faia o le tulafono laugatasia mo taimi taʻitasi. Ina ia ausia nei auala manaomia, o le a faʻaaogaina le vasega ma uiga HTML ID. O nei uiga o uiga faʻalelalolagi ia e mafai ona faʻaaogaina i le toetoe lava o HTML HTML uma. O lona uiga pe o oe o ni vaevaega, parakalafa, sootaga, lisi poʻo soʻo seisi lava HTML o lau pepa, e mafai ona e liliu atu i le vasega ma uiga ID fesoasoani ia te oe e ausia lenei galuega!
Vasega Filifilia
O le vasega filifilia e mafai ai ona e setiina ni sitaili e tutusa i le elemene tutusa poʻo le tag i totonu o se pepa. Mo se faʻataʻitaʻiga, atonu e te manaʻo e iai ni vaega o au tusitusiga o loʻo valaʻauina i se isi lanu mai le isi vaega o le tusitusiga. O nei vaega ua faʻamaonia e mafai ona avea ma "mataala" o loʻo e setiina i le itulau. E mafai ona e vaʻai lau parakalafa i vasega pei o lenei:
p {color: # 0000ff; }
p.alert {lanu: # ff0000; }
O nei sitaili o le a faʻaalia ai le lanu o parakalafa uma i le lanumoana (# 0000ff), ae o soʻo se palakalafa ma se vasega o le uiga o le "mataala" o le a sili atu ona taua i le mumu (# ff0000). E mafua ona o le tulaga o le vasega ei ai le tulaga maualuga atu nai lo le uluai tulafono a le CSS, lea e na o le faʻaaogaina o se tagata filifilia.
Aʻo galue i le CSS, o le a sili atu le faʻamaonia o se tulafono e sili atu ona maoti. O lea, i lenei faataitaiga, o le tele o tulafono lautele e faatulaga ai le lanu o parakalafa uma, ae o le lona lua, sili atu tulafono patino nai lo le taofiofi na o le faatulagaina na o ni parakalafa.
O le auala lenei e mafai ona faʻaaogaina i nisi o faailoga HTML:
O lenei parakalafa o le a faʻaalia i le lanumoana, o le mea e le mafai ona maua mo le itulau.
O lenei palakalafa o le a lanu moana foi.
Ma o lenei palakalafa o le a faʻaalia i le mumu talu mai le vasega o le a faʻamalo le lanu lanu uliuli mai le elemene filifilia elemene.
I lena faataitaiga, o le ituaiga "p.alert" o le a na o le faaaogaina i parakalafa parakalafa e faaaoga ai lena vasega "mataala". Afai e te manao e faaaoga lena vasega i le tele o elemene HTML, o le ae aveeseina le elemene HTML mai le amataga o le style style (ia mautinoa ia tuua le vaitau (.) i le nofoaga), pei o lenei:
.alert {background-color: # ff0000;}
O lenei vasega ua avanoa nei i soʻo se elemene e manaʻomia. Soo se vaega o lau HTML o loʻo i ai le aoga taua o le "mataala" o le a maua nei lavalava. I le HTML o loʻo i lalo, o loʻo i ai uma a matou palakalafa ma se ulutala laulau 2 o loʻo faʻaogaina le vasega "mataala". O nei uma e lua o le ai ai se lanu-lanu mumu e faʻavae i le CSS na matou faʻaalia.
O lenei parakalafa o le a tusia i le mumu.
Ma o lenei h2 o le a mumu foi.
I luga o upega tafaʻilagi i aso nei, o uiga o le vasega e masani ona faʻaaogaina i le tele o elemene aua e sili atu le faigofie ona latou galulue faʻatasi ma se faʻamatalaga faapitoa e iai ID. O le ae mauaina itulau sili ona lata mai o le HTML ina ia faatumulia i uiga o le vasega, o nisi o ia mea e faaluaina i totonu o se pepa ma isi e ono naʻo le taimi e tasi.
ID filifilia
O le filifili ID e faʻatagaina oe e tuʻuina atu se igoa i se faiga patino e aunoa ma le faʻaaogaina i se tag poo isi mea HTML . Taʻu mai sa i ai lau vaevaega i lau siata HTML o loʻo i ai faʻamatalaga e uiga i se mea na tupu.
E mafai ona e tuʻuina atu i lenei vaevaega le uiga ID o le "mea na tutupu," ma afai e te manaʻo e faʻamatalaina lena vaevaega ma se 1-pika lautele lanu moana uliuli e te tusia ai se code ID e pei o lenei:
#event {tuaoi: 1px malosi # 000; }
O le luitau ma sui filifilia ID e le mafai ona toe faia i se pepa HTML. E tatau ona tulaga ese (e mafai ona e faʻaoga tutusa le ID i luga o itulau o lau 'upega tafaʻilagi, ae na o le tasi i totonu o pepa HTML taʻitasi). Ma afai e tolu mea e tutupu na e manaʻomia uma lenei tuaoi, e tatau ona e tuuina atu ia i latou uiga ID o le "event1", "event2" ma le "event3" ma le faiga ia i latou taitoatasi. O le mea lea, o le a sili atu ona faigofie le faʻaaogaina o le vasega o loʻo taua i le "mea na tupu" ma faʻataʻitaʻi uma i le taimi e tasi.
O le isi luitau ma uiga ID o le i ai lea o se tulaga maualuga atu nai lo uiga o vasega. O lona uiga afai e manaʻomia lou i ai o le CSS e faʻaaogaina se faiga ua leva ona faʻatuina, e mafai ona faigata ona fai pe a faʻapea e te faalagolago tele i ID. O le mafuaʻaga lea na toʻatele ai le atinaʻeina o 'upega tafaʻilagi na o ese mai le faʻaaogaina o ID i la latou faʻailoga, e tusa lava pe na o le faʻamoemoe latou te faʻaaogaina lena tau aogā, ma toe liliu atu i uiga le taua o le vasega mo toetoe lava o ituaiga uma.
O le tasi eria o loʻo aʻafia ai ID ID o le taimi e te manaʻo ai e fatuina se itulau o loʻo i totonu o sootaga o le taula. Mo se faʻataʻitaʻiga, afai ei ai sau upega tafaʻilagi parallax e aofia ai mea uma i luga o se itulau e tasi ma sootaga e "oso" i vaega eseese o lena itulau. Ua faia lea mea e faʻaaoga ai faʻamaonia ID ma fesoʻotaiga faʻamatalaga e faʻaaoga nei taula o le taula.
E mafai ona e faaopoopo i ai le taua o lena uiga, muamua i le # faailoga, i le uiga o le sootaga, pei o lenei:
O le sootaga lea
A e kiliki pe paʻi, o le a oso lenei sootaga i le vaega o le itulau ei ai lenei uiga ID. Afai e leai se elemene i luga o le itulau e faʻaaogaina lenei tau ID, o le a le faia e le sooga se mea.
Manatua, afai e te manaʻo e fatuina i-itulau e fesoʻotaʻi i luga o se 'upega tafaʻilagi, o le faʻaaogaina o uiga ID e manaʻomia, ae mafai lava ona e liliu atu i vasega mo faamoemoega lautele o le CSS. O le auala lea ou te faailogaina itulau i luga o aso nei - Na ou faʻaaogaina le filifilia o le vasega i le tele e mafai ai ma na o le liliu atu i ID pe a ou manaʻomia le uiga e galue ai e le gata o se matau mo CSS ae o se fesoʻotaʻiga i totonu.
Original tusiga na saunia e Jennifer Krynin. Edited by Jeremy Girard i le aso 8/9/17