የሲኤስ የሽያጭ ቀዳሚዎች

እነሱ ምንድን ናቸው እና ለምን እነሱን መጠቀም አለብዎት

የ CSS የሽያጭ ቅጥያ, እንዲሁም አንዳንድ ጊዜ እንደ CSS ወይም አሳታፊ የ " አሳታፊ" ቅድመ ቅጥያዎች, እነዚህ አሳሾች በሁሉም አሳሾች ፊት ከመደገፋቸው በፊት የአሳሽ አዘጋጆች ለአዲሱ የሲሲቲ ባህሪያት ድጋፍ እንዲያክሉ መንገድ ናቸው. ይሄ በመሰየም እና በሙከራ ጊዜ ውስጥ የአሳሽ አምራቾች እነዚህ አዲስ የሲሲቲ ባህሪያት እንዴት እንደሚተገበሩ በትክክል እየወሰደ ነው. እነዚህ ቅድመ ቅጥያዎች ከጥቂት አመታት በፊት የ CSS3 መነሳት በጣም ታዋቂ ሆኑ.

CCS3 ለመጀመሪያ ጊዜ ሲተዋወቅ, በርካታ አስደሳች የሆኑ ባህሪያት በተለያዩ ጊዜያት የተለያዩ አሳሾችን መምታት ጀመሩ. ለምሳሌ, እንደ transformation እና ሽግግር ያሉ እነኚህ የተወሰኑ እነማዎችን ባህሪ ባህሪዎችን የሚያስተዋውቁ የ webkit በሶፍ አሳሾች (Safari እና Chrome) ናቸው. በአቅራቢው ቅድመ ቅጥያ ያላቸው ባህሪያትን በመጠቀም, የድር ንድፍ ሰራተኞች እነዚህን አዳዲስ ባህሪያት በስራቸው ላይ ሊጠቀሙባቸው ይችላሉ, እና ለማንኛውም ሌላ አሳሽ አምራች ከማውደቃቸው ይልቅ ወዲያውኑ ድጋፍ ከሚያደርጉላቸው አሳሾች ላይ እንዲመለከቱ አድርጓቸዋል!

ስለዚህ ከቅድመ-መጨረሻ ድር ገንቢ እይታ አንጻር, የአሳሽ ቅጥያዎች የአሳሽ ቅጥያዎች እነዛን ቅርፀቶች እንደሚደግፉ በማወቅ ማፅናኛ እያደጉ ሳሉ አዲስ የሲኤስኤል ባህሪያትን በጣቢያው ላይ ለማከል ጥቅም ላይ ይውላሉ. በተለይ የተለያዩ አሳሽ አምራቾች የተለያዩ ባህሪያትን ሲተገብሩ ወይም በተለየ አገባብ ሲጠቀሙ ይህ በተለይ አጋዥ ሊሆን ይችላል.

ልትጠቀምበት የምትችለው የሲ.ሲ. አሳሽ ቅድመ ቅጥያ (ለእያንዳንዱ የተለየ አሳሽ የተወሰነ) እነዚህ ናቸው:

• Android: -webkit-
• Chrome: -webkit-
• ፋየርፎክስ: -moz-
• Internet Explorer: -ms-
• iOS: -webkit-
• ኦፔራ: -o-
• Safari: -webkit-

በአብዛኛዎቹ አጋጣሚዎች አንድ አዲስ የ CSS ባህሪ ባህሪን ለመጠቀም መደበኛውን የሲሲኤስ ንብረት ወስደው ለእያንዳንዱ አሳሽ ቅድመ ቅጥያ ያክሉ. ቅድመ ቅጥያ ያላቸው ስሪቶች ሁልጊዜ ቅድሚያ ይሰጣቸዋል (በመረጡት ማንኛውም ቅደም ተከተል). ለምሳሌ, ወደ ሰነድዎ የ CSS3 ሽግግርን ለመጨመር ከፈለጉ, ከዚህ በታች እንደሚታየው የሽግግር ንብረቱን ይጠቀማሉ:

-ዌብ-ካይት- ሽግግር-ሁሉም አራት መፍትሔ .
-moz- ሽግግር: ሁሉም 4 ዎች ቀለሞች ናቸው ;
-ስ- ሽግግር - ሁሉም 4 ቱን ቀላል ያደርገዋል.
-transition - ሁሉም 4 ዎች ቀላል;
ሽግግር ሁሉም 4 ዎች ቅለት ናቸው.

ማሳሰቢያ: አንዳንድ አሳሾች ከሌሎቹ ባህሪያት ይልቅ የተለየ አገባብ አላቸው, ስለዚህ አሳሹ-የተራገፈው የንብረት ስሪት ልክ ከመደበኛ ባህሪ ጋር አንድ አይነት ነው ብለው ማሰብ የለብዎትም. ለምሳሌ, የ CSS ቀመዴ (ዲጂታል) ዲጂታል ለመፍጠር, የመስመር-ቀጭን ንብረቶችን ይጠቀማሉ. ፋየርፎክስ, ፔሮፋ እና ዘመናዊ የ Chrome እና Safari የተለያዩ የ Chrome እና Safari ስሪቶች ቅድመ ቅጥያ -webkit-gradient የሚጠቀሙ ሲሆኑ ተጓዳኝ ቅድመ ቅጥያውን ተጠቅመው ተገቢውን ቅድመ ቅጥያ ይጠቀማሉ. እንዲሁም ፋየርፎክስ ከመደበኛው መደበኛ ይልቅ የተለያዩ እሴቶችን ይጠቀማል.

ሁልጊዜ ቅድመ-ቅጥል የሌለው የ CSS ባህሪ እትምዎን ሁልጊዜ የሚያበቁበት ምክንያት አሳሽ ደንቡን ይደግፋል በሚለው ጊዜ, ያንን ይጠቀማል. ሲኤስኤል እንዴት እንደተነበበ አስታውስ. የጨዋታዎቹ ደንቦች ተመሳሳይ ከሆኑ ከሌሎቹ ቀደም ብለው ደንቦች ይኖሩታል, ስለዚህ አሳሽ የሻጭውን የሻጭውን ስሪት ያነበበ እና መደበኛውን የማይደግፍ ከሆነ ይጠቀማል, ነገር ግን አንዴ ጊዜ ከሻጭ ስሪት ጋር ይሻራል የሲኤስኤስ ደንብ.

የአቅራቢ ቅድመ ቅጥያዎች አይደሉም

የአቅራቢው ቅድመ ቅጥያዎች ለመጀመሪያ ጊዜ ሲገቡ ብዙ የድር ባለሙያዎች ጥቃቅን መሆናቸውን ወይም የተለያዩ አሳሾችን ለመደገፍ የድር ጣቢያውን ኮድ በመፍጠር በጨለማ ቀናት ውስጥ ወደ ኋላ መለስ ብለው ይጠይቁ ነበር (« እነዚህ ጣቢያዎች በ IE ውስጥ በተሻለ ይታያሉ » መልዕክቶችን ያስታውሱ). የሲኤስኤስ ሻጮች ቅድመ ቅጥያዎች አይሰሩም, እና በስራዎ ላይ ስላለዎት ስለመጠቀም ምንም መሻት የለዎትም.

የሲ.ኤስ.ኤስ. ግልባጭ ሌላ ንብረት በትክክል ለመስራት ሲባል ሌላ ንብረት ወይም ንብረት በመተግበር ጉድለቶችን ይጠቀማል. ለምሳሌ, የሳጥን ሞዴል የብዝበዛው ጉድለቶች በድምጽ-ቤተሰብ ንብረት ትንታኔዎች ወይም በአሳሾች (ኮከቦች) ተያይዘዋል. ነገር ግን እነዚህ ጥፋቶች የአሳሽ ሞዴሉን እና Netscape እንዴት እንደሚተረጎሙት እና የድምጽ ቅራኔን በተመለከተ ምንም አይነት ግንኙነት እንዳይኖራቸው በማድረግ መካከል ያለውን ልዩነት ለማጣራት ጥቅም ላይ ውለው ነበር. ደስ የሚለው, እነኚህ ጊዜያቸው ያልነበራቸው አሳሾች እነዚህ ናቸው በእነዚህ ቀናት ውስጥ እራሳችንን የማንጨነቅበት.

የአቅራቢው ቅድመ ቅጥያ ሀረግ አይደለም ምክንያቱም መግለጫው አንድ ንብረቶች እንዴት እንደሚተገበሩ ደንብ ማውጣትን ይፈቅዳል, እንዲሁም በተመሳሳይ ጊዜ አሳሽ ሰሪዎች ሌላውን ነገር ሳያቋርጡ ንብረቱን በተለየ መንገድ እንዲተገብሩ ያስችላቸዋል. በተጨማሪም, እነዚህ ቅድመ ቅጥያዎች የሲኤስ ባህሪያት ላይ የሚሰሩ ሲሆን በመጨረሻም የስፔሺያኑ አካል ናቸው . ወደ ንብረቱ ለመድረስ ቀደም ብሎ በቀላሉ ኮድ በመጨመር ላይ ነው. ይሄ የሲ.ኤ.ሲ. መመሪያውን ከተለመደው ቅድመ-ቅጥ-ታክሏል. በዚህ መንገድ ሙሉ የአሳሽ ድጋፍ ሲሳካ ቅድመ ቅጥያዎቹን መጣል ይችላሉ.

ለአንዳንድ ባህሪያት የአሳሽ ድጋፍ ምንድነው ማወቅ ይፈልጋሉ? ይህ ድረ-ገጽ CanIUse.com ይህን መረጃ ለመሰብሰብ ድንቅ ምንጭ እና የትኞቹ አሳሾች እና የእነዚህ አሳሾች ስሪቶች አሁን ላይ ባህሪን እንደሚደግፉ ያስረዳዎታል.

የገዢ ሻጮች ቅጥያ ቢሆኑም ጊዜያዊ ናቸው

አዎን, በሁሉም አሳሾች ውስጥ እንዲሰራ ለማድረግ ንብረቱን 2-5 ጊዜ መፃፍ የሚያስቸግር እና ተደጋጋሚነት ሊመስል ይችላል, ግን ጊዜያዊ ሁኔታ ነው. ለምሳሌ, ከጥቂት አመታት በፊት, በሳጥኑ ዙሪያ የተጠጋ ማዕዘን ለመጻፍ,

-ሞዝ-ድንበር-ራዲየስ: 10px 5px;
-ዌብ-ኪት-ድንበር-ከላይ ወደ ግራ-ራዲየስ: 10px;
-ዌብ-ኪት-ድንበር-ከላይ በቀኝ-ራዲየስ: 5px;
-ዌብ-ኪት-ጠርዝ-ታች-ቀኝ-ራዲየስ: 10px;
-ዌብ-ኪት-ጠርዝ-ታች-ግራ-ራዲየስ: 5px;
የጠርጠር-ራዲየስ: 10px 5px;

ግን አሁን አሳሾች ይህንን ባህሪ ሙሉ በሙሉ ለመደገፍ መጥተዋል, በትክክል ደረጃውን የጠበቀ ስሪት ብቻ ነው የሚፈልጉት:

የጠርጠር-ራዲየስ: 10px 5px;

Chrome ከ version 5,0 ጀምሮ የ CSS3 ን ባለቤትነት ደግፏል, Firefox 3 በ 4.0 ወጥቷል, Safari በ 5.0 ውስጥ አክሏል, በ 10.5 ኦውስ, በ iOS 4.0 እና በ Android 2.1 ላይ. ሌላው ቀርቶ ኢንተርኔት ኤክስፕሎረር 9 ያለ ቅድመ-ቅጥያ ይደግፋል (እና IE 8 እና ከዚያ በታች በቅድመ-ይሁንታ ወይም ያለ ቅድመ ቅጥያዎች አልደገፈውም).

በጣም ዘመናዊ በሆኑ መንገዶች ከዓመታት በኋላ የድረ ገጽ ገጾችን ለመገንባት ካቀዱ በቀር አሳሾች ሁልጊዜ እየተለወጡ እና ፈጠራዊ አስተሳሰባቸውን ለመደገፍ ፈጠራ በቀጣይነት ይጠየቃሉ. በመጨረሻም የበይነመረብ ቅድመ ቅጥያዎችን መጻፍ በጣም አስፈላጊ በሚሆኑበት ጊዜ ሊከሰቱ የሚችሉ ስህተቶችን እና መኖራቸውን ሌላ የሚፈለጉ ስህተቶችን ከማግኘት እና ከማጥራት የበለጠ ቀላል ነው.