He maha nga huarahi ka taea e koe te whakamahi i nga hanganga CSS ki te paetukutuku, tae atu ki nga pepa ahua o waho, me nga momo raina . Mena kei te whakamahi koe i te pepa tahua o waho, ko te huarahi e manakohia ana ki te whakatau i te ahua me te ite o te tuhinga HTML, ko tetahi huarahi ko te whakamahi @import.
Ko te ture @import e ahei ana ki a koe ki te whakauru i nga pepa ahua o waho i roto i to tuhinga - ki te waarangi HTML ranei ki etahi atu tuhinga CSS. Ko te wehenga o nga momo roopu ki te maha o nga kōnae iti, arotahi (tetahi mo te whakatakotoranga, tetahi mo te tahua , tetahi mo nga whakaahua, me etahi atu) ka taea i etahi wa te maatau ake ki te whakahaere i aua kōnae me nga ahuatanga kei roto. Ki te hiahia koe ki te painga ki taua painga, ko te kawemai i aua momo kōnae ko te aha e hiahiatia ana e koe hei mahi i nga mahi katoa mo te whakaaturanga o to paetukutuku.
Kawemai ki te HTML
Hei whakamahi i te ture @import i roto i to HTML, ka tapiritia e koe ki te upoko o te tuhinga:
:
@import url ("/ styles / default.css");
Ko tenei waehere ka kawemai i tenei waahanga mo te whakamahi i tenei waahanga HTML, ka taea e koe te whakahaere i o raatau momo katoa i roto i taua kōnae. Ko te whakaheke ki nga momo tahua nui i tenei ara ko te kore tenei tikanga e whakaaetia mo nga tikiake rite. Me tango te whārangi i te momo tahua katoa i mua i te neke atu ki te toenga o te whārangi, tae atu ki etahi atu kōnae CSS e kawemai ana koe ki te whakamahi i tenei tikanga. Ka whai hua kino tenei ki te tere o to whārangi me te tango i te mahi. Ma te whakaaro ki te nui o te mahi o te whārangi ki te angitu o te paetukutuku o tenei ra, koinei anake te utu ka taea e koe te karo i te whakamahi i te @import.
Ara Rawa
Hei rere ke ki te whakamahi i te @import i roto i to HTML, ka taea e koe te hono ki taua kōnae CSS penei:
Ko enei mahi tino rite ki te @import i roto i te mea ka taea e koe te whakahaere i te katoa o to CSS mai i tetahi tauranga / papa pokapū, engari he pai ake tenei tikanga mai i te tirohanga aroturuki. Mena ka hiahia tonu koe ki te wehe i nga momo momo rereke ki nga kōnae motuhake, ka taea e koe te mahi tonu me te whakamahi i te mahi @import i roto i to kōnae CSS rangatira. Ko te tikanga tenei ka taea tonu te whakahaere takitahi o nga kōnae CSS o waho, engari mai i te mea ka uru mai ki roto ki tetahi CSS matua, ka whakapai ake te mahi.
Kawemai ki CSS
Mā te whakamahi i te
@import url ('/ styles / layout.css');
@import url ('/ styles / type.css');
@import url ('/ styles / images.css');
Kia mahara me waiho enei ture i mua i era atu ihirangi i roto i to kōnae CSS hei mahi ma ratou. Kaore e taea e koe tetahi atu momo CSS i mua i enei ture kawemai!
I raro i aua ture kaweake, ka taea e koe te tapiri atu i etahi atu momo CSS e hiahia ana koe ki roto i to pepa taunoa. A, no te kawenga i tenei waahanga CSS matua, ka kawemai i enei waahanga motuhake ka whakapiri io ratou ahua ki te tihi o te waahua. Ka whai ake i era atu momo atu i raro i enei kawemai, me te hanga i te kōnae CSS katoa ka whakamahia e te kaituhi tukutuku hei whakaatu i to pae. Ka whiwhi koe i te painga o te whakahaere i nga waahanga iti ake, atu i te mea kei te hono tonu tetahi momo styleheet ki taua HTML.
Whakamahia te & # 64; kawemai mo nga uiui Media
Kotahi te mea ka whakaaro koe ki te mahi i te wehewehe i nga uiuinga whakawhitiwhitinga o to paetukutuku mo nga waahanga o te paetukutuku ki tetahi kōnae motuhake. No te mea ka taea e enei momo urupare te raruraru ka kitea i te taha o nga tikanga o taau pae, me te whai ataahua ki a raatau i roto i tetahi atu kōnae. Ko tetahi o nga mea e pa ana ki tenei huarahi, ko te mea ko te tuatahi o nga ture a te ture a te ture, mehemea ko te tikanga o nga korero a te hunga whakawhitiwhiti i mua i era atu waahanga o to pae. I te wa e hangaia ai he pae whakautu-waea tuatahi e mahi ana i te mahi, he raruraru pea tenei .Mo tenei take, e whakaarohia ana kaore koe e tuhi i nga momo whakautu o to pae o to pae, ka whakamahi @import hei kawe ia ratou ki to pae. Ae, kaore he painga o te mahi pera, engari ko nga paheketanga ka nui atu i aua painga.
Kei te hiahia ahau kia Whakamahia & # 64; kawemai?
Kahore, kaore koe. He maha nga pae e whakaatu ana i nga waahanga matua katoa i roto i te kotahi o nga kōnae, me te nui o taua kōnae, kei te whakahaerehia i taua huarahi (ko tenei taku mahi i taku ake mahi). Mena ka kitea e koe a @import he awhina, na, ka waiho hei waahanga o to mahimahi. Ki te kore, ka taea e koe te hanga haumaru i nga pae tukutuku e hono ana i to raupapa momo o nga ture CSS katoa.
Tautoko Pūtirotiro
He raruraru rawa nga taiao tawhito rawa ki etahi o enei ture-ture, engari kaore he raruraru o enei kaituhi i enei ra. He tino pono tenei inaianei na kua pahemo te mutunga o te wa whakaoti mo nga putanga tawhito o Internet Explorer. I te mutunga, ki te whakatau koe ki te whakamahi i nga ture a te ture i roto i to HTML, CSS rānei, kaua e rere ki nga take me nga putanga tuku iho o nga kaituhi tukutuku, mehemea kaore he hiahia ke atu hei tautoko i nga putanga tawhito o IE.
He tuhinga taketake na Jennifer Krynin. I whakatikaia e Jeremy Girard.