የውስጠ- ቁምፊ ቅጾችን ወይም የውስጠ-መስመር ቅጦችን ጨምሮ የሲሲኤስ ቅጦችን በድር ገጽ ላይ መተግበር የሚችሉባቸው በርካታ መንገዶች አሉ. የውጫዊ ቅጥ ሉህ እየተጠቀሙ ከሆነ, የኤች ቲ ኤም ኤል ሰነድ እይታ እና ስሜት የሚገለፅበት የሚመከረው መንገድ, አንድ አቀራረብ @import ን መጠቀም ነው.
@import መመሪያው ውስጥ በሰነድዎ ውስጥ አስፈላጊ የውጫዊ ቅጥ ገጽታዎችን - ወደ ኤችቲኤምኤል ወይም እንዲያውም ወደ ሌሎች የሲ.ኤስ.ኤስ. ሰነዶች ይልዎታል. ብዙ ትናንሽ ትኩረት ወደ ትናንሽ, ትኩረት የተደረገባቸው ፋይሎች (አንዱን ለአቀማመጥ, አንድ ለህትመት, ለአንዳንድ ምስሎች ወ.ዘ.ተ.) አንዳንድ ጊዜ እነዚህን ፋይሎችን እና የተሸከሟቸውን የተለያዩ ስዕሎችን ለማስተዳደር ቀላል ያደርገዋል. ያንን ጥቅም ለማግኘት የሚፈልጉ ከሆነ, እነዚያን የተለያዩ ፋይሎችን ማስመጣት ለድር ገጽዎ ማሳያ መስራት የሚችሉትን ሁሉ ማድረግ እንዲችሉ ማድረግ ያለብዎት ነው.
ወደ ኤች ቲ ኤም ኤል ማስገባት
የ @ import ደንቡን በኤችቲኤምኤልዎ ውስጥ ለመጠቀም, የሚከተለውን ወደ
ሰነድ ያክላሉ::
<ቅጥ>
@import url ("/ styles / default.css");
ይህ ኮድ አሁን በዚህ ኤች.ቲ.ኤም.ኤል. ገጽ ላይ ጥቅም ላይ እንዲውል ይሄንን ቅጥ ገጽ ያስመጣል እና በዛ አንድ ፋይል ውስጥ ሁሉንም የእርስዎን ቅጦች ማስተዳደር ይችላሉ. ወደ ወሳኝ የሉህ ቅርጾች በዚህ መልኩ መሃል ያለው መንገድ ይህን ትይዩ ለዋኝ ውርዶች እንዲፈቅድ አይፈቅድም. ገጹ ወደ መላው ገጽ ከመቀላቀል በፊት ሙሉውን የቅዴመ ጽሁፍ ውርዶች መውሰድ, ይህን ዘዴ በመጠቀም የሚያስገቡትን ሌሎች የ CSS ባህሪዎችን ጨምሮ. ይህ በገጽዎ ፍጥነት እና የውርድ አፈፃፀም ላይ አሉታዊ ተጽእኖ ይኖረዋል. የገፅ አፈፃፀም ለዛሬው የድርጣቢያ ስኬት ምን ያህል አስፈላጊ እንደሆነ ከግምት በማስገባት ይሄ ይህ መሰናክል ብቻ ነው @import ን በመጠቀም ማስቀረት የሚፈልጓቸው ምክንያቶች ሊሆኑ ይችላሉ.
አማራጭ አቀራረብ
በእርስዎ ኤች.ዲ.ኤም.ኤል @import ን እንደመጠቀም አማራጭ እንደመሆንዎ ወደ ሲኤስ ላይ እንደዚህ አገናኝ ሊያገናኙ ይችላሉ-
ይሄ በጣም ጠቃሚ ከሆነ @import ጋር ተመሳሳይነት ያለው የሲ.ኤስ.ኤል (CSS )ዎን ከአንድ ማዕከላዊ / ፋይል / ማጠራቀሚያ ላይ ለማስተዳደር ይፈቅድልዎታል, ነገር ግን ይህ ዘዴ ከማውረድ እይታ ይመረጣል. አሁንም የተለያዩ የቅጥ ዓይነቶችን በተለየ ፋይሎች ውስጥ ማካተት የሚፈልጉ ከሆነ, እንደዚያ ማድረግዎን መቀጠል ይችላሉ, እና በ <ማስተርዎ> የሲኤስሲ ፋይል ውስጥ @ @ import ን ይጠቀሙ. ይህ ማለት ውጫዊ የሲ.ኤስ.ኤስ.ዎችዎ አሁንም በእያንዳንዱ ሰው ሊተዳደሩ ይችላሉ, ግን ሁሉም ወደ አንድ ዋና ሲሲኤስ ለማስገባት, አፈፃፀሙ ይሻሻላል.
ወደ CSS መሸጥ
ከላይ ያለውን የ ኮድ ምሳሌ መጠቀም በ HTML ገጽዎ ላይ የሚጠቀመው "default.css" ፋይል ያመጣል. በውስጡ በሲ ኤስ ሲ ፋይል ውስጥ, የእርስዎን የተለያዩ ገጽ ቅጦች ይኖሩታል. በአንድ ገጽ ላይ የተዘረዘሩት ሁሉም ቅጦች ሊኖሩዎት ይችላሉ, ወይም ደግሞ @import ለቀለለ ማቀናበር ለመለያየት ሊጠቀሙባቸው ይችላሉ. አሁንም በድጋሚ አራት የተለዩ የሲ.ኤስ.ኤስ ፋይሎችን እንጠቀማለን - አንድ ለአቀማመጥ, አንድ ለትግራፊ እና አንዱ ለህፃናት. አራተኛው ፋይል የእኛ ገጽ የሚያገናኘው የእኛ "ዋና" ፋይል ነው (ለዚህ ምሳሌ, ይህ "default.css" ነው). በዚያ ማስተር ላይ የሲሲፒ ፋይል ከላይኛው ክፍል ላይ ከታች ያሉትን ደንቦች ማከል እንችላለን:
@import url ('/ styles / layout.css');
@import url ('/ styles / type.css');
@import url ('/ styles / images.css');
እነዚህ ደንቦች በርስዎ የሲኤስኤል (ዊንሲ) ፋይል ውስጥ ሌሎች ነገሮች ሁሉ እንዲሰሩ መጠበቅ እንዳለባቸው ልብ ይበሉ. ከእነዚህ የማስመጫ ህጎች በፊት ሌላ የ CSS ባህሪ ሊኖርዎት አይችልም!
ከእነዚህ የማስገቢያ ደንቦች ስር, በነባሪ ሉህ ውስጥ ሌሎች የሲሲኤስ ቅጦችን ለመጨመር ይችላሉ. ዋናው የሲ.ኤስ.ሲ. ፋይል ሲጫን, በመጀመሪያ እነዚህን ልዩ ፋይሎች ያስመጣል እና ቅጦቻቸውን ወደ ቅኝቱ ላይኛው ራስ ላይ ይጨምራሉ. ከዚያ በድረ-ገፅ ማሰሻዎ ጣቢያውን ለማሳየት የሚጠቀምበትን ሙሉ የሲሲኤስ ፋይል በመፍጠር, ከነዚህ ከውጭ ከሚመጡ ሰዎች ውስጥ ሁሉም የእርስዎ ቅጦች ይኖራቸዋል. አሁንም በእዚያ ኤችቲኤምኤል ጋር የተገናኘ የነጠላ ቅፅል ቅፅል ማዘጋጀት ቢኖርም ትናንሽ እና ይበልጥ ትኩረት የተደረገባቸው ፋይሎችን ማቀናበር ጥቅሞች አሉት.
ለማህደረ መረጃ መጠይቆች & # 64; በማስገባት ላይ
አንድ እርምጃ ሊያስቀምጡ ይችላሉ ብለህ የዌብሳይትህን የመገናኛ ዘዴዎች መለየት ለላሽ ድርጣቢያ ቅጦች በተለየ ፋይል ውስጥ መለየት. እነዚህ ምላሽ ሰጪ ቅጦች ከጣቢያዎ ሌላ የቅጥ ደንቦች ጎን ሲታዩ ግራ የሚያጋቡ ስለሆኑ በተለየ ፋይል ውስጥ በራሳቸው መደረጉ ሊስብ ይችላል. በዚህ አቀራረብ ውስጥ አንድ አሳሳቢ ነገር የእርስዎ @ import ደንቦች መጀመሪያ መሆን አለባቸው, ይህ ማለት የእርስዎ ሚዲያ ጥያቄዎች በተቀረው የጣቢያዎ ቅጦች ፊት እንደሚጫኑ ነው. የአፈፃፀም ሂደትን ግምት የሚወስድ ተንቀሳቃሽ ስልክ የመጀመሪያ ምላሽ ሰጪ ድር ጣቢያ ሲፈጥሩ ይህ ችግር ሊሆን ይችላል. ለዚህ ምክንያት የጣቢያዎን ምላሽ ሰጪ ቅጦች በተናጥል ለይተው እንዲያቀርቡ እና @import ወደ እርስዎ ጣቢያ ለማምጣት እንዲጠቀሙበት ተመክሯል. አዎን, እንዲህ ማድረጉ ጥቅሞች ይመስሉ ይሆናል, ነገር ግን ችግሮቹ እነዚህን ጥቅሞች ከበቧቸው.
& # 64; ለማስገባት ያስፈልገኛል?
አይ አንተ አታደርግም. ብዙ ጣቢያዎች አንድ ፋይሎቻቸውን በአንድ ፋይል ውስጥ ብቻ ያሳያሉ, እና እንደዚያ ፋይል ሰፊ ከሆነ, በእንደዚህ አይነት መንገድ ይመራሉ (በኔ ስራ ውስጥ እንዴት እንደሰራሁት). @import ን ጠቃሚ ሆኖ ካገኙት, የስራ ፍሰትዎ አካል ሊሆን ይችላል. አለበለዚያ የነጠላ የሲ.ኤስ. ደንቦችዎን የነጠላ ቅፅል ወረቀቶች የሚጎበኙ ድረ ገጾችን ለመገንባት ይችላሉ.
የአሳሽ ድጋፍ
በጣም, በጣም የቆዩ አሳሾች ከነዚህ የተወሰኑ @import ህጎች ጋር ችግር ገጥሟቸዋል, ነገር ግን እነኝህ አሳሾች ዛሬ ለእርስዎ ችግር አይሆኑ ይሆናል. ለአብዛኛው የ Internet Explorer ስሪት የጊዜ ገደብ ማለቂያ ስለሆነ ይህ በተለይ አሁን እውነት ነው. በመጨረሻም በ ወይም የሲኤስኤስ ሕገ-ደንቦች <@ import> ደንቦችን ለመጠቀም ከወሰኑ, አሻሽሎ ያስቀመጡት የ IE ስሪቶችን ለመደገፍ የሚያስፈልገዎት ያልተለመደ ልዩ ፍላጎት ከሌለዎት በቀር በቆዩ የድረ-ገፆች አሳሽዎች ውስጥ የቆዩ ችግሮችን ማለፍ የለብዎትም.
የመጀመሪያ ጽሑፍ በጄኒፈር ክርኒን. በጄረሚ ጊራር የተስተካከለው.