Te tautuhi i te taonga CSS

Ko te hanganga ataata o te paetukutuku me te taapiri kei te taakahia e CSS me nga Tae Tuhituhi Tohu. Ko nga tuhinga enei e waihanga ana i te tohu HTML o te paetukutuku, e whakarato ana i nga tirotiro tukutuku me nga tohutohu mo te whakaatu i nga whārangi e puta mai ana i taua tohu. Ka peia e CSS te whakatakotoranga o te whārangi, tae atu ki te tae, nga whakaahua papamuri, te tuhipoka me te nui atu.

Mena ka titiro koe ki te kōnae CSS, ka kite koe i te mea ka rite ki te reo takitahi, ki te reo coding ranei, kei a enei kōnae he taurangi motuhake ki a ratou. Kei ia ahua kāhua he maha o nga ture CSS. Ko enei ture, i te wa ka tangohia, ko nga ahua o te pae.

Ko nga Wahanga o te Ture CSS

Ko te ture CSS e rua nga wahanga motuhake - te kaitono me te whakapuaki. Ka whakatauhia e te kaiwhiwhi he aha te mea e taataihia ana i runga i tetahi whaarangi me te whakaatu ko te pehea e tuhia ai. Hei tauira:

p {
tae: # 000;
}

He ture CSS tenei. Ko te waitohu ko te "p", he mea whiriwhiringa kaupapa mo "parawae". Na reira, ka whiriwhiri i nga paraka KATOA kei roto i te pae, ka whakaratohia ki a raatau i tenei momo ahuatanga (ki te kore he waahanga e taataihia ana e nga waahanga motuhake atu i roto i to tuhinga tuhinga CSS).

Ko te waahanga o te ture e kii ana "tae: # 000;" ko te mea e mohiotia ana ko te korero. E rua nga waahanga o taua korero - ko te rawa me te uara.

Ko te taonga ko te "tae" o tenei korero. Ka whakaatuhia e ia he ahuatanga o te kaiwhiwhi ka huri i te tirohanga.

Ko te uara ko te mea ka hurihia te taonga CSS i whiriwhiria. I roto i to tatou tauira, kei te whakamahi tatou i te uara hex o # 000, ko te CSS waitohu mo te "pango".

Na te whakamahi i tenei ture CSS, ka whakaatuhia to maatau panui paraka ki tetahi momotuhi momotuhi o te pango.

Kaupapa Ahuatia CSS

Ina tuhia e koe nga taonga CSS, kaore e taea e koe te hanga i runga i te mea e pai ana koe. Mo nga take, ko te "tae" he taonga CSS tonu, na ka taea e koe te whakamahi. Ko tenei rawa te mea e whakatau ana i te tae kuputuhi o te huānga. Mena kua tamata koe ki te whakamahi i nga "kuputuhi-tae", "momotuhi momotuhi" ano he mahinga CSS, ka ngaro enei na te mea ehara i nga waahanga pono o te reo CSS.

Ko tetahi atu tauira ko te taonga "pikitia-pikitia". Ka tuhia e tenei taonga he ahua e taea ana te whakamahi mo te papamuri, penei:

.logo {
whakaahua-urupa: url (/images/company-logo.png);
}

Mena kua tamata koe ki te whakamahi i "taapiri-pikitia" ranei "he whakairoiro" hei taonga, ka kore e rawe, no te mea, kaore ano enei i te tino tuhinga CSS.

Ētahi Āhuatanga CSS

He maha nga āhuatanga CSS e taea ana e koe te whakamahi i te pae. Ko etahi tauira:

Ko enei āhuatanga CSS he mea nui hei whakamahi i nga tauira, no te mea he tino tika nga mea katoa, a, ahakoa kaore koe e mohio ana ki te CSS, ka taea pea e koe te whakaaro he aha ta ratou e mahi nei i runga io ratau ingoa.

He nui atu nga mea CSS e pa ana ki a koe, kaore pea e kitea he pehea te mahi i runga io ratau ingoa:

I a koe e hohonu ake ana ki te hoahoa tukutuku, ka raru koe (ka whakamahi) i enei mea katoa me te ake!

Me Maatau Nga Taonga

I nga wa katoa ka whakamahi koe i tetahi rawa, me homai e koe he uara - me etahi o nga waahi ka taea te whakaae i etahi uara.

I ta tatou tauira tuatahi o te taonga "tae," me whakamahi i te uara tae. Koinei te uara hex, te uara RGBA, tae noa ki nga kuputuhi tae . Ka mahi tetahi o aua uara, Heoi, ki te whakamahi koe i te kupu "pouri" ki tenei taonga, kaore he mea na te mea, he mea whakamarama ano pea tera kupu, ehara i te mea e mohiotia ana i roto i te CSS.

Ko ta tatou tauira tuarua o "ahua-atahanga" e hiahiatia ana kia whakamahia tetahi ara kii ki te tiki i te ahua pono mai i nga kōnae a to pae. Koinei te uara / whakawhitinga e hiahiatia ana.

Ko nga āhuatanga CSS katoa he uara e tumanakohia ana e ratou. Hei tauira:

Ki te haere koe i roto i te rarangi o nga taonga CSS, ka kitea e koe he uara motuhake o ia takitahi ka whakamahia ki te waihanga i nga momo e hiahiahia ana mo ratou.

I whakatikaia e Jeremy Girard