Whakamahia te mahi ki te CSS
Mena kei te hoahoa koe i tetahi pae tukutuku, ka hiahia koe ki te ako me pehea te hanga i tetahi ahua tuuturu me te tohu tohu ki runga i te wharangi tukutuku. He maimoatanga hoahoa noa tenei e rongonui ana i te ipurangi mo etahi wa. He whai hua te whai i roto i to putea hoahoa tukutuku.
Mena kuaore i mahia e koe i mua atu, kua whakamatautauhia ranei i mua i te waimarie, ko te tukanga he ahua whakawehi, engari he tino raruraru rawa. Ma tenei akoranga poto, ka whiwhi koe i nga korero e hiahia ana koe ki te whakahaere i te tikanga i roto i nga meneti e whakamahi ana i te CSS.
Tīmatahia
Ko nga whakaahua taapiri me nga tohu tohu (he tino ataahua noa iho te ahua o te atahanga) he hitori i roto i te hoahoa hoahoa. Kua roa nga tuhinga i roto i nga tohu tohu ki a ratou kia kore ai e tuhia. I tua atu, he maha nga pou me nga panui e whakamahi ana i nga whakaahua tawhito nui hei waahanga o te hoahoa mo te waahanga. Ko te hoahoa Tukutuku kua roa nga momo nama mai i te tuhinga, me nga whakaahua papamuri tetahi o enei momo nama.
He mea ngawari enei whakaahua taapiri nui ki te waihanga i nga mahinga CSS e whai ake nei:
- ata-whakaahua
- whakamārama-whakahou
- whakawhitinga korero
- rahi-rahi
Papamuri-Whakaahua
Ka whakamahi koe i te pikitia-whakaahua hei tautuhi i te ahua ka whakamahia hei tohu tohu. Ko tenei momo e whakamahi ana i te ara kōnae ki te uta i tetahi ahua kei a koe i to papaanga, pea i roto i te whaiaronga i huaina "nga whakaahua."
whakaahua-urupa: url (/images/page-background.jpg);
He mea nui kia marama atu te ahua ake, kia marama ake ranei i te ahua o te ahua. Ma tenei ka waihanga i te tirohanga "tohu" kei roto nei i te taha o te kuputuhi, nga whakairoiro, me etahi atu kaupapa matua o te whārangi tukutuku. Mehemea kaore tenei taahiraa, ka paetae te ahua o te papanga me nga korero i to maataki me te uaua ki te korero.
Ka taea e koe te whakatika i te ahua papamuri i roto i tetahi kaupapa whakatika rite ki Adobe Photoshop.
Papamuri-Ano
Kei te haere mai te waahi o muri mai ano. Ki te hiahia koe ki to whakaahua kia waiho hei tohu whakairo nui nui, ka whakamahi koe i tenei taonga hei whakaatu i taua whakaahua anake.
whakahou-whakahou: kore-ano;
I waho i te taonga "kore-hou", ko te taunoa ko te whakaahua ka tautuhi tonu i runga i te whārangi. He mea ahuareka tenei i roto i te nuinga o nga mahere tukutuku tukutuku hou, na tenei ahua kia whakaarohia i roto i to CSS.
Papakupu-Whakauru
Ko te taapiri-whaitake he taonga e wareware ana ki nga kaihoahoa tukutuku. Ma te whakamahi i te reira e pupuri ana i to tuhanga papamuri i tuhia ki te waahi ka whakamahi koe i te taonga "whiri". Ko te mea ka hurihia tera ahua ki te punawai e tu ana ki te whaarangi.
Ko te uara taunoa mo tenei taonga he "panuku." Mena kaore koe i tautuhi i te uara taapiri-tuari, ka huri te papamuri me te toenga o te whaarangi.
whakawhitinga-korero: kua oti;
Papamuri-Rahi
Ko te whakamahara-he waahanga hou CSS. Ka taea e koe te whakarite i te rahi o te papamuri i runga i te tirohanga ka tirohia i roto i tenei. He tino awhina tenei mo nga paetukutuku whakautu e whakaatu ana i nga rahi rereke i runga i nga whakaaro rereke .
rahi-rahi: taupoki;
E rua nga uara awhina e taea ana e koe mo tenei taonga ko:
- Cover - Tapahia te papamuri ka whakaatuhia te whanui katoa, teitei teitei ranei. Ko te tikanga tenei kaore pea etahi waahanga o te ahua e puta mai i te mata, engari ka taupokina te rohe katoa.
- Kei roto - Taatauhia te ahua kia whakaatuhia te whanui me te teitei katoa i te waahanga. Kaore te whakapakoko e motuhia, engari ko te taha ki raro ko nga waahanga o te rohe kaore e hipokina e te ahua.
Te tāpiri i te CSS ki tō Whārangi
Ina mohio koe ki nga mea o runga ake me o ratou uara, ka taea e koe te whakauru i enei momo ki to paetukutuku.
Tāpirihia te whai ake nei ki te HEAD o to whārangi tukutuku mēnā kei te hangaia e koe he pae kotahi. Tāpirihia ki nga momo CSS o te waahua o waho ki te hangaia e koe he pae maha-whārangi ka hiahia ki te whakamahi i te kaha o te pepa o waho.
tinana {
whakaahua-urupa: url (/images/page-background.jpg);
whakahou-whakahou: kore-ano;
whakawhitinga-korero: kua oti;
rahi-rahi: taupoki;
}
// ->
Hurihia te URL o to taapiri ataata hei whakarite i te ingoa ingoa motuhake me te ara kōnae e hāngai ana ki to pae. Whakaritea etahi atu huringa tika kia pai ai to hoahoa me te whai tohu.
Ka taea e koe te Tautuhi i te Position, Too
Ki te hiahia koe ki te waiho i te tohu tohu ki tetahi taatai motuhake i to papanga tukutuku, ka taea hoki e koe te mahi. Hei tauira, ka hiahia pea koe ki te tohu tohu i waenganui o te whaarangi kaore pea i te kokonga o raro, kaore i te kokonga teitei, ko te taunoa.
Ki te mahi i tenei, tohaina te taonga taapiri-ki o tahua. Ka waiho tenei i te ahua i te wahi tika e hiahia ana koe kia puta mai. Ka taea e koe te whakamahi i nga uara pika, nga whakarau, nga whakawhitinga ranei hei whakatutuki i taua awenga.
tuhi-korero: pokapū;