Auala e Suiga ai Lautusi Faʻamatalaga Faʻamatalaga Faʻatasi ma CSS

O le faʻasologa lelei o faʻataʻitaʻiga o se vaega taua o se upega tafaʻilagi manuia. CSS e tuʻuina atu ia te oe le pulea lelei o foliga vaaia o tusitusiga i itulau uepi itulau itulau laupepa e te fausiaina. E aofia ai le malosi e suia ai le lanu o soʻo se faila e te faʻaaogaina.

E mafai ona suia lanu lanu e faʻaaoga ai se laupepa i fafo , se laupepa faʻavae , pe mafai foi ona suia e faʻaaoga ai le laina laina i totonu o le HTML HTML. O faiga sili ona lelei e faʻamaonia ai e tatau ona e faʻaaogaina se laupepa i fafo mo au sitaili CSS. O se pepa lanu i totonu, o sitaili na tusia saʻo i le "ulu" o lau pepa, e masani lava ona faʻaaogaina mo nofoaga laiti, tasi-itulau. E tatau ona aloese mai sitaili o le lisi ona o latou o loʻo aʻafia i le pepa "font" tuai na tatou taulimaina i le tele o tausaga talu ai. O na sitaili i lalo e faigata tele ona pulea le faiga o le font talu mai oe e manaʻomia ona sui i taimi uma o le sitaili o le inline.

I lenei tusiga, o le ae iloa ai pe faapefea ona sui le lanu o le falesa e faʻaaogaina ai se pepa lanu ma se sitaili e faʻaaogaina i se palakalafa palakalafa. E mafai ona e faʻaaogaina le fale lava ia e sui ai le lanu vai i luga o soo se tag o loʻo siosiomia ai le tusiga, e aofia ai le tag.

Faaopopoina o Ata e sui ai le Lanu Fulu

Mo lenei faʻataʻitaʻiga, e manaʻomia lou i ai o se pepa HTML mo lau tusiga o lau itulau ma se faila CSS eseese o loʻo faʻapipiʻi atu i lena pepa. O le pepa HTML o le a ono faia ai ni numera o elemene oi ai. O le mea tatou te popole i ai mo le faʻamoemoe o lenei tusiga o le palakalafa palakalafa.

O le auala lenei e sui ai le lanu vai o tusitusiga i totonu o palakalafa palakalafa e faʻaaoga ai lau laupepa lanu.

O faʻamaonia lanu e mafai ona faʻaalia e pei o lanu lanu, numera o le lanu RGB, poʻo numera lanu o le hexadecimal.

  1. Faaopopo le uiga taua mo le parakalafa tag:
    1. p {}
  2. Tuu le lanu lanu i le faiga. Tuu se kolisi pe a uma lena meatotino:
    1. p {lanu:}
  3. Ona faʻaopopo lea o lau lanu pe a uma le meatotino. Ia mautinoa e faʻauʻu lena tau i se semi-colon:
    1. p {lanu: uliuli;}

O parakalafa o lau itulau o le a lanu uliuli.

O lenei faʻataʻitaʻiga e faʻaaoga ai se lanu lanu - "uliuli". O se tasi lea o auala e faʻaopopo ai le lanu i le CSS, ae o loʻo matua faʻapulaaina lava. O le faʻaaogaina o fuaitau mo le "uliuli" ma le "paʻepaʻe" e tuusao aua o na lanu e lua e matua patino, ae o le a le mea e tupu pe afai e te faʻaogaina upu e pei "mumu", "lanumoana", poʻo "lanumeamata"? O le a tonu le paolo o le lanumumu, lanumoana, poʻo le lanumeamata o le ae maua? E le mafai ona e faʻamaoti tonu po o le fea o le paolo e te manaʻo i ai i upu autu. O le mafuaaga lea e masani ona faʻaaogaina ai tulaga taua o le hexadecimal i tulaga o lanu lanu.

p {lanu: # 000000; }

O lenei sitaili CSS o le a faʻaalia ai lanu o lau palakalafa i le uliuli, ona o le numera hex o le # 000000 e faʻaaogaina i le uliuli. E mafai foʻi ona e faʻaaogaina le taua o le hex ma tusi ai e na o le # 000 ma o le ae mauaina le mea lava e tasi.

E pei ona uma ona matou taʻua, e lelei le aoga o hex pe a manaʻomia se lanu e le o se paʻepaʻe pe papaʻe. O se faataitaiga lenei:

p {lanu: # 2f5687; }

O le taua o le hex le seti o parakalafa i le lanu uliuli, ae le pei o le upu "blue", o lenei hex code e te maua ai le tomai e seti ai se ata malulu o le lanumoana - masalo o le mea na filifili e le faisua pe a latou fatuina le atigipusa mo lenei upega tafaʻilagi. I lenei tulaga, o le lanu o le a avea ma vaeluagalemu, e pei o le lanumoana.

Ma le mea mulimuli, e mafai ona e faʻaaogaina le faʻavasegaina o lanu o le RGBA mo lanu paʻu. Ua lagolagoina nei le RGCA i aulotu uma o ona po nei, o lea e mafai ai ona e faʻaaogaina nei tulaga taua ma le popole tele ina ia le lagolagoina i se upega tafaʻilagi, ae e mafai foi ona e faʻapipiʻi faigofie.

p Color: rgba (47,86,135,1); }

O lenei taua RGBA e tutusa lava ma le lanu lanumoana lanumoana na faʻamatala muamua. O faʻamuamua muamua e tolu na faʻaalia ai le taua o le Red, Green, ma Blue ma o le numera faaiu o le alafaʻafa. E seti i le "1", o lona uiga "100%", o le mea la lea o le a leai se manino o lenei lanu. Afai e te seti lena i se numera numera, e pei .85, o le a faaliliuina i le 85% opapa ma o le lanu o le a sili atu ona manino.

Afai e te manaʻo e faʻafefe ese ou lanu lanu, o le ae faia lenei mea:

'
lanu: # 2f5687;
lanu: rgba (47,86,135,1);
}

O lenei syntax ua faatulaga muamua le numera hex. Ona faʻasolo lea o lena tau aogā i le numera RGBA. O lona uiga o soʻo se suʻesuʻega matua e le lagolagoina le RGBA o le a maua le faʻamuamua ma le amanaʻia le lona lua. O le a faʻaaogaina e le sailiga o aso nei le lua i le CSS cascade.