Me pehea te Hurihia Nga Tae Momotuhi Paetukutuku Ki te CSS

Ko te hoahoa tahua pai he waahanga nui o te paetukutuku angitu. Ka hoatu e CSS ki a koe te mana nui mo te ahua o te kuputuhi ki nga wharangi tukutuku nga whārangi tukutuku e hanga ana e koe. Kei roto i tenei ko te kaha ki te huri i te tae o nga momotuhi e whakamahi ana koe.

Ka taea te whakarerekē i nga tae momotuhi ma te whakamahi i te pepa kāhua o waho , he momo kāhua o roto , ka hurihia rānei ma te whakamahi i te tautuhinga tautuhi i roto i te tuhinga HTML. Ko nga mahi pai e tohutohu ana kia whakamahia e koe he pepa tahua o waho mo o raatau CSS. Ko te pepa tahua o roto, ko nga ahua e tuhia ana i roto i te "upoko" o to tuhinga, ka whakamahia noa mo nga waahi iti, kotahi-page. Me karohia nga tikanga tautuhi mai i te mea e pa ana ki nga tohu tawhito o "momotuhi" i mahia e matou i nga tau kua pahure. Ko nga momo taatai ​​he tino uaua ki te whakahaere i te kāhua momotuhi mai i te mea ka hiahia koe ki te huri i nga waahi katoa o te momo tautuhi.

I roto i tenei tuhinga, ka ako koe ki te huri i te tae momotuhi ma te whakamahi i te waahua o waho me te momo e whakamahia ana i te tohu tohu paraka. Ka taea e koe te whakamahi i te taonga momo ahua hei whakarereke i te tae momotuhi i tetahi tohu e karapoti ana i nga kuputuhi, tae atu ki te tohu .

Te Whakanui i nga Tae hei Huri i te Tae Momotuhi

Mo tenei tauira, me hiahia koe ki te whai i tetahi tuhinga HTML mo to tautuhinga tuhinga me tetahi kōnae CSS motuhake e hono ana ki taua tuhinga. Ko te tuhinga HTML he maha nga waahanga kei roto. Ko te mea e whakaarohia ana e matou mo te kaupapa o tenei tuhinga ko te kaupapa parawae.

Anei me pehea te huri i te tae momotuhi o te kuputuhi i roto i nga tohu paraka ki te whakamahi i to pepa tahua o waho.

Ka taea te whakaatu i nga uara tae ki te kuputuhi tae, te tae RGB, te tau tae noa hexadecimal.

  1. Tāpirihia te huanga kāhua mō te tohu tūtohu:
    1. p {}
  2. Tuhia te taonga tae i roto i te kāhua. Tuhia tetahi koroni i muri i taua taonga:
    1. p {color:}
  3. Na ka tapiritia to tau uara i muri i te taonga. Me mohio ki te whakamutu i taua uara me te tohu-haurua:
    1. p {tae: pango;}

Ko nga paraka kei roto i to huinga ka pango.

Ko tenei tauira e whakamahi ana i te kuputuhi tae - "pango". Ko tetahi o nga huarahi hei whakapiri i te tae ki CSS, engari he tino whakaiti. Ko te whakamahi i nga kupu matua mo te "pango" me te "maama" he mea tika mai i te mea he tino whaitake aua papanga e rua, engari he aha te mea mehemea ka whakamahi koe i nga kupu matua rite "whero", "blue", "green"? He aha te atarangi o te whero, te puru, te matomato ranei ka whiwhi koe? Kaore e taea e koe te whakarite i te ahua o te whakamarumaru tae e hiahia ana koe ki nga kupu matua. Koinei te take e whakamahia pinepine ai nga uara hexadecimal ki te waahanga kuputuhi tae.

p {tae: # 000000; }

Ko tenei ahua CSS ano hoki ka whakatakoto i te tae o to pararangi ki te pango, no te mea ko te waehere hex o te # 000000 ka huri ki te pango. Ka taea e koe te whakamahi i te waahi poto me te utu o te hex me te tuhi hei rite noa ki te 000,000 ka whiwhi koe i te mea ano.

Ka rite ki ta matou kua whakahuatia, he pai nga uara hex ina hiahia koe ki te tae kaore i te pango me te maama. Anei he tauira:

p {tae: # 2f5687; }

Ko tenei uara hex ka whakaturia nga pararangi ki te tae puru, engari kaore i te kupu "blue", he tohu hex tenei e hoatu ana ki a koe te kaha ki te tautuhi i te atarangi o te atarangi - he ahua pea te waahanga a te kaihoahoa i te wahanga i te atanga mo tenei paetukutuku. I roto i tenei take, ko te tae ka waiho hei waenganui waenganui, he kiri-ahua-puru.

Hei whakamutunga, ka taea e koe te whakamahi i nga uara tae RGBA mo nga tae momotuhi. Kei te tautokona inaianei a RGCA i nga kaituhi hou, na ka taea e koe te whakamahi i enei uara me te kore rawa o te whakaaro kaore e tautokona i roto i te kaituhi tukutuku, engari ka taea ano hoki e koe te whakarereke i te taangata.

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

Ko te uara RGBA tenei ko te rite o te tae pururangi i tautuhia i mua. Ko nga uara tuatahi e toru kua tautuhia nga uara Whero, Green, me Blue, me te tau whakamutunga ko te tautuhinga taarahu. Kua tautuhia ki "1", ko te tikanga "100%", na reira kaore he tae o tenei tae. Mena ka whakaturia e koe ki te maha o te tau, penei .85, ka hurihia ki te 85% opapa me te tae o te tae.

Mena kei te hiahia koe ki te whakaputa i nga uara tae, ka mahi koe i tenei:

p {
tae: # 2f5687;
tae: rgba (47,86,135,1);
}

Kei te whakatakotohia tenei huinga o te waehere hex. Ka hurihia e ia te utu ki te nama RGBA. Ko te tikanga o tenei kaore e taea e tetahi tawhito tawhito e kore e tautoko i te RGBA te utu tuatahi me te wareware i te tuarua. Ka whakamahia e nga kaiwhakarato o teianei te rua o nga waahanga a CSS.