Akohia pehea te hanga i te rohe ripanga CSS i roto noa i te rima meneti
Kua rongo pea koe kaore e uru ana nga ripanga CSS me nga HTML. Ehara tenei i te mea pono. Ae, ko te whakamahi i nga ripanga HTML mo te taapiri ehara i te mea he pai rawa te hoahoa tukutuku, kua whakakapihia e nga momo tahua CSS, engari ko nga ripanga tonu te tohu tika hei whakamahi i te raraunga taapiri ki te paetukutuku.
Engari, no te mea he maha nga kaiwhakahaere tukutuku i wehe atu i nga ripanga e whakaaro ana he waipiro, he iti noa iho te hunga e mahi ana ki tenei kaupapa HTML noa me te pakanga ka whai mana ki a raatau i runga i te paetukutuku. Hei tauira, ki te whai koe i te ripanga i runga i tetahi whaarangi ka hiahia koe ki te whakauru i nga raina o roto ki nga waahi ripanga.
CSS Ripanga Tae
Ina whakamahi koe i te CSS hei taapiri i nga rohe ki nga tepu, ka taapiri noa te rohe ki waho o te tepu. Ki te hiahia koe ki te tāpiri i nga raina ā-roto ki ngā pūtau takitahi o taua tēpu, me hiahia koe ki te tāpiri i ngā rohe ki te taiao CSS o roto. Ka taea hoki te whakamahi i te tūtohu HR hei whakapiri i nga raina i roto i nga pūtau takitahi.
Hei whakamahi i nga momo e hipokihia ana i tenei tuhinga, me tino whakaatu he papa ki to wharangi tukutuku. Me hanga e koe he pepa kāhua kia rite ki te pepa kāhua i roto i te upoko o tō tuhinga (ka taea pea tenei e koe mēnā he "whārangi" to "pae"), ka honohia ranei ki te tuhinga hei pepa tahua (he aha koe ka mahi mahemea he maha nga waahanga o to pae - ka tuku koe ki te tarai i nga waahanga katoa mai i tetahi pepa o waho). Ka waiho e koe nga momo hei tāpiri i nga raina roto ki taua momo kāhua.
I mua i to Tīmata
Tuatahi ka hiahia koe ki te whakatau i hea koe e hiahia ana kia puta mai nga raina ki taau tepu. He maha nga waahanga kei a koe, tae atu ki:
- Te taiao i nga ruma katoa hei hanga i te maatau;
- Te whakatakoto i nga raina i waenganui i nga pou;
- I waenganui noa i nga rarangi; ranei
- I waenga i nga tīwae motuhake me nga rarangi.
Ka taea hoki e koe te whakatakoto i nga raina i te taha o nga kamera takitahi me roto ranei i roto i nga kamera tangata
Me pehea te Tāpiri Raina A tawhio noa nga Pūtau i te Ripanga
Hei taapiri i nga raina i nga taatete katoa i to taatai, i te waihanga i taua paanga-whakawhitinga, tohaina te whai ake ki to pepa:
td,
rohe: pakiaka 1px pango;
}
Me pehea te Whakauru Raina I waenganui i nga Kowae i te Ripanga
Hei taapiri i nga raina i waenganui i nga pou (ka hangaia he raina poutini e rere ana mai i runga ki raro i nga pou o te tepu), toha atu ki to pepa ahua:
td,
rohe-maui: pakiaka 1px pango;
}
Na, ki te kore koe e hiahia kia puta mai ki te tīwae tuatahi, me hiahia koe ki te whakauru i te akomanga ki aua reanga t me td . I roto i tenei tauira, ka whakaarohia he waaahi o taatau-kore i runga i aua waahanga ka tangohia e tatou te rohe me tenei ture CSS motuhake. Na koinei te akomanga HTML ka whakamahia e matou:
class = "kore-rohe">
Na, ka taea e tatou te whakakotahi i te kāhua e whai ake nei ki to tatou pepa kāhua:
.e kore-rohe {
taha-maui: kahore;
}
Me pehea te Whakauru Raina I waenganui i nga Rarangi i te Ripanga
Ka rite ki te whakauru i nga raina i waenganui i nga pou, ka taea e koe te mahi i tenei waahanga noa atu i te ahua o te ahua o te ahua o te ahua o tohua. Ko te CSS raro nei ka tapiritia he raina poutini i waenga i ia rarangi o to maataupu:
t [
rohe-raro: he parauri 1px pango;
}
A, ki te tango i te rohe mai i te raro o te tepu, ka tukuna ano e koe tetahi akomanga ki taua tūtohu tohu:
class = "kore-rohe">
Tāpirihia te kāhua e whai ake nei ki tō pepa kāhua:
.e kore-rohe {
rohe-raro: kahore;
}
Me pehea te Whakauru Raina i waenganui i nga Kohinga Whakauru ranei i roto i te Ripanga
Mena ka hiahia koe i nga rarangi i waenganui i nga rarangi me nga pou motuhake, me whakamahi koe i te akomanga i runga i aua waahanga, rarangi ranei. He iti ake te uaua o te rarangi i waenganui i nga pou i waenganui i nga rarangi, no te mea me uru koe ki te akomanga ki nga taiao katoa i taua tīwae. Mena kei te hangaia to papapu mai i te CMS o etahi ahua , kaore pea tenei e taea, engari mehemea kei te whaa koe i te whaarangi, ka taea e koe te whakauru atu i nga akomanga e tika ana hei whakatutuki i tenei paanga.
class = "rohe-rohe">
Ko te whakarahi i nga rarangi i waenganui i nga rarangi ka tino maatau, no te mea ka taea e koe anake te whakauru i te akomanga ki te rarangi e hiahia ana koe ki te raina.
class = "rohe-raro">
Na ka whakauru i te CSS ki to pepa ahua:
.a-taha-taha {
rohe-maui: pakiaka 1px pango;
}
.border-raro {
rohe-raro: he parauri 1px pango;
}
Me pehea te Whakaritea Raina A tawhio noa Cell Cell i roto i te Ripanga
Hei tapiri i nga raina ki nga taiao takitahi, ka tohaina e koe he akomanga ki nga raupapa e hiahia ana koe ki tetahi rohe:
class = "rohe">
Na ka whakauru i te CSS e whai ake nei ki to pepa ahua:
.border {
rohe: pakiaka 1px pango;
}
Me pehea te Whakauru Raina I roto i nga Pūtau Whaiaro i te Ripanga
Mena kei te hiahia koe ki te whakauru i nga raina i roto i nga ihirangi o te puurora, ko te huarahi tino pai ki te mahi i tenei ko te tohu ture taarata (
).
He tohutohu pai
Mena ka kite koe i nga taapiri i roto i ou rohe, me tino mohio koe kei te tautuhihia te tahua taahitanga-rohe ki to papa. Tāpirihia te whai ake nei ki tō pepa kāhua:
tepu [
ka heke te rohe-kua hinga;
}
Ka taea e koe te karo i nga katoa o te CSS ake ake me te whakamahi i te huanga rohe i roto i to tautuhi ripanga. Engari, ka mohio ko tona huanga, kaore i te whakaitihia, he iti ake te ngoikore atu i te CSS, no te mea ka taea e koe anake te tautuhi i te whanui o te rohe ka taea anake te huri i nga taha katoa o te ripanga, kaore ranei.