የሲኤስኤስ አወቃቀሮች ከክልል በላይ ናቸው
የሲኤስኤል መዋቅር ንብረታቸው ግራ የሚያጋባ ንብረት ነው. ስለ ሁኔታው ሲጀምሩ, ከጠረፍ ንብረት ምን ያህል ርቀት ይለያል የሚለው መረዳት ከባድ ነው. ደብሊዩሲስ (W3C) የሚከተሉትን ልዩነቶች እንዳላቸው ያብራራል:
- ሥዕሎች ቦታ አይወስዱም.
- ንድፎች ያልተጻፉ አራት ማዕዘኖች ሊሆኑ ይችላሉ.
ዝርዝሮች ቦታ አይወስዱ
ይህ መግለጫ, በራሱ እና ግራ መጋባት ውስጥ ነው. በድረ ገጽዎ ላይ ያለው ነገር በድረ ገጹ ላይ እንዴት ቦታ ሊወስድ አይችልም? ግን የድረ-ገጹን እንደ ሽንኩር ካሰብክ, በገጹ ላይ ያለው እያንዳንዱ ንጥል በሌላ ንጥል ላይ ሊሰፋ ይችላል. የግብዓት መሬቱ (ንብረት) ቦታን አይወስድም, ምክንያቱም ሁልጊዜ ከኤለሙን ሳጥን በላይ ስለሚቀመጥ.
አንድ አስተዋጽኦ በአንድን አባል ዙሪያ ሲቀመጥ, ያ በአካባቢው ላይ እንዴት እንደሚገለጽ ምንም ተጽእኖ የለውም. የአንድን አባል መጠንና አቋም አይለውጥም. በአንድ አባል ላይ ንድፍ ካስቀመጡ, የዚያ ኤለመንት መሰንዘር እንደሌለዎት ተመሳሳይ መጠን ያለው ቦታ ይወስዳል. ይህ ድንበር አይደለም. በአንድ አባል ላይ ያለው ክፈፍ በውጫዊው ወርድ እና ቁመት ላይ ተጨምሯል. ስለዚህ 50 ፒክሰል ስፋት ያለው, ባለ 2-ፒክሰል ጠርዝ ቢኖረው 54 ፒክሰሎች (ለሁለቱም ጠርዝ 2 ፒክሰሎች) ይወስዳል. ከ 2-ፒክስል ስዕል ጋር ተመሳሳይ የሆነ ምስል በገጽዎ 50 ፒክስል ስፋት ላይ ይወስዳል, አስተዋጽኦው በምስሉ ውጫዊ ጠርዝ ላይ ይታያል.
ዝርዝሮች ያልተስተካከሉ ሊሆኑ ይችላሉ
"አሪፍ" ለመጀመር ከመጀመራችን በፊት ክበቦችን ማዘጋጀት እችላለሁ. አንደገና አስብ. ይህ መግለጫ ከምታስበው የተለየ ትርጉም አለው. በአንድ አባል ላይ ድንበር ሲያስገቡ, አሳሹ አባሉን እንደ አንድ ግዙፍ አራት ማዕዘን ቅርጽ ያለው ሳጥን ይመስል. ሳጥኑ በብዙ መስመሮች ከተከፈተ, ሳጥኑ ክፍት ስላልተጠናቀቀ ጠርዞቹን ክፍት አድርጎ ይቆያል. አሳሽ እጅግ በጣም ሰፊ በሆነ ማያ ገጽ ጋር ያለውን ድንበር እያየን ነው - ለዚያ ድንበር በቂ ቀጣይ አራት ማዕዘን ቅርፅ ሆኖ.
በተቃራኒው ግን የአረፍተ ነገሩ ንብረቶች ግምት ውስጥ ያስገባሉ. አንድ የተዘረዘረው አባባል በርካታ መስመሮችን ከተጠቀሰ, መርጃው በመጨረሻው መስመር ላይ ይዘጋል እና በሚቀጥለው መስመር እንደገና ይከፈታል. ከተቻለ ደግሞ አስተዋጽኦው ሙሉ ለሙሉ የተገናኘ ሆኖ ይቀጥላል, አራት ማዕዘን ቅርጽ የለውም.
የንጥል ያለው ንብረት አጠቃቀሞች
የስምሪት ንብረቶች ጥቅም ላይ የዋለበት አንዱ ዓላማ የፍለጋ ቃላትን ለማጉላት ነው. ብዙ ጣቢያዎች ይሄንን በጀርባ ቀለም ያደርጉታል, ነገር ግን የውጤቶች ንብረቱን መጠቀምም እና በገጾችዎ ላይ ተጨማሪ ተጨማሪ አዘራሮችን ማከል ላይ ምንም አለመጨነቅ ይችላሉ.
የመለኪያ-ቀለም ንብረት "ውርርድ" የሚለውን ቃል ይቀበላል. ይህ ደግሞ ምን አይነት ቀለሞች ጥቅም ላይ እንደዋለ ማወቅ ሳያስፈልጋቸው በተቀባይ ድረ-ገጾች ላይ ድምጾችን ለማብራራት ያስችልዎታል.
እንዲሁም በንቁ አገናኞች ዙሪያ ነካሽ መስመርን ለማስወገድ የግብአት ንብረቱን መጠቀም ይችላሉ. ይህ የ CSS-Tricks ጽሁፉ ነጸብራቅ መስመርን እንዴት ማስወገድ እንደሚቻል ያሳያል.