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:
- Taitapa (tae atu ki te waa-rohe, te tae-rohe, me te whanui-whanui)
- Ko te tarai (tae atu ki te tarai-teitei, te tarai-matau, te whara-raro, me te hoe-maui)
- Nga tawhiti (tae atu ki te taha-runga, te taha-matau, te taha-raro, me te taha maui-maui)
- Momotuhi-whanau
- Momotuhi-rahi
- Papamuri-tae
- Whānui
- Teitei
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:
- Tuhinga o mua
- Mukua
- He rereke
- Kuputuhi-whakawhiti
- Z-taurangi
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:
- E hiahia ana te tae-rohe ki te uara tae
- E hiahia ana te rohe-nui ki te nui o te uara, penei i nga pika me nga whakahekenga
- E tumanako ana nga momo waapa ki tetahi o nga momo waahanga i whakamahia mo tenei taonga, ano he "pakari"
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