የሲ.ሲ.ኤስ.ን በቋሚነት ለማራዘም (Margins and Borders) ይጠቀሙ

የዛሬው የድረ-ገጽ አሳሽ ከየትኛውም አሻራ አቀራረብ አመላካች አምሮት በላይ ነበር. የዛሬዎቹ የድር አሳሾች ሁሉም በጣም በጣም ደረጃዎች-ተከባሪ ናቸው. በአግባቡ በአንድ ላይ ሆነው ይጫወታሉ እና በአጠቃላይ በተለያየ አሳሾች ላይ በእኩልነት የማያቋርጥ ገጽታን ያቀርባሉ. ይሄ የቅርብ ጊዜውን የ Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Safari እና የተለያዩ ሞባይል መሳሪያዎችን በድረ-ገጽ ለመድረስ ስራ ላይ የሚውሉ የተለያዩ አሳሾችን ያካትታል.

በድር አሳሾች እና የሲ ኤስአይ (CSS) ን በሚያሳዩበት ጊዜ በእርግጠኝነት መሻሻል ቢታይም, በእነዚህ የተለያዩ ሶፍትዌር አማራጮች መካከል አሁንም ያልተጋቡ አሉ. አንዱ የተለመደው ወጥነት ማለት እነዚያ አሳሾች በማስታወቂያዎች, በማንሸራተቻ እና በመስመሮች በነባሪነት የሚሰሉበት ነው.

በነዚህ የብራክ ሞዴሎች ገጽታዎች ምክንያት ሁሉንም የኤችቲኤምኤል አባሎችን ተጽእኖ ያስመጣል, እንዲሁም የገፅ አቀማመጦችን ለመፍጠር እጅግ አስፈላጊ ስለሚሆኑ አንድ ወጥነት የሌለው ማሳያ አንድ ገጽ በአንድ አሳሽ ውስጥ ምርጥ ሊመስል ይችላል, ነገር ግን ትንሽ በሆነ መልኩ ጠፍቶ ነው. ይህንን ችግር ለማሸነፍ ብዙ የዌብ ዲዛይነሮች የዚህን የሳጥን ሞዴል መደበኛ ሁኔታዎችን ይለውጣሉ. ይህ ዓይነቱ ተግባር ለግድ (Margins), መከለያ (ስፔዲንግ) እና ጠርዶች (border margins) ዋጋዎችን "ዜሮ ማስወጣትን" በመባል ይታወቃል.

በአሳሽ ነባሪዎች ላይ ማስታወሻ

ሁሉም የድር አሳሾች የአንድ ገጽ የተወሰኑ ገጽታዎች ነባሪ ቅንሰሻዎች አላቸው. ለምሳሌ, አገናኞች በረቂቅ እና በነባሪነት የተመሰረቱ ናቸው. ይህ በተለያዩ አሳሾች ላይ ወጥነት ያለው ነው, ምንም እንኳን አብዛኛዎቹ ዲዛይነሮች የንድፍ ፕሮጀክቱን የንድፍ እቃዎች በሚስማማ መልኩ ቢቀይሩ, ሁሉም በተመሳሳይ ነባሪዎች የሚጀምሩ እውነታዎች እነዚህን ለውጦች ቀላል ለማድረግ ቀላል ያደርገዋል. በሚያሳዝን ሁኔታ, የህዳጎች ቅየሎች, መስተዋቶች እና ክፈፎች ነባሪ እሴት ተመሳሳይ የአሳሽ አሳሽነት ደረጃ አያገኙም.

ለባንስ (Margins) እና ለፓዲንግ (Valises) እሴቶች መደበኛ እሴት ማድረግ

ያልተጣጣመ የሳጥን ሞዴል ችግር ለመፍታት የተሻለው መንገድ የኤች ቲ ኤም ኤል አባሎችን ሙሉ ጠቋሚዎችን እና ማስተካከያዎችን ማዘጋጀት ነው. ይህን ማድረግ የሚችሉባቸው ጥቂት መንገዶች ይሄንን የሲኤስ ኮድ ደንብ ወደ የእርስዎ ቅፅ የቅፅል ወረቀት ለመጨመር ነው:

* {margin: 0; ማጣበቂያ: 0; }

ይህ የሲኤምኤስ ደንብ * ወይም የጀርባ ካርድ ቁምፊን ይጠቀማል. ያ ቁምፊ "ሁሉም ኤለመንት" ማለት ሲሆን በመሠረቱ በመሠረቱ ሁሉንም የኤችቲኤምኤል አባሎችን በመምረጥ መግጠሚያዎችን እና ዳሽቦቹን ለመወሰን ይወስናል. ይህ ደንብ ምንም ያልተጠቀሰ ቢሆንም, በውጫዊ ፎርዎቼ ውስጥ ስለነበረ, ከ ነባሪ አሳሽ የበለጠ ከፍተኛ የሆነ ዝርዝር ነው ዋጋዎች ይሠራሉ. እነዚህ ነባሪዎች እርስዎ በላዩ ላይ በላዩ ላይ የተፃፉ በመሆናቸው, አንድ ቅፅ እርስዎ ለማድረግ ያቀድዎትን ያከናውናሉ.

ሌላ አማራጭ እነዚህን እሴቶች ኤችቲኤምኤል እና አካላት ላይ መተግበር ነው. ምክንያቱም በገጽዎ ውስጥ ያሉት ሁሉም ሌሎች ክፍሎች ከነዚህ ሁለት ነገሮች ውስጥ ይሆናሉ, የሲ.ኤስ.ሲው ሲስተም እነዚህን እሴቶች በሌሎች ሁሉም ሌሎች ክፍሎች ላይ ተግባራዊ ማድረግ አለበት.

html, ሰው {margin: 0; ማጣበቂያ: 0; }

ይሄ በመርህ ላይ በሁሉም ቦታ ላይ ንድፍዎን ያስጀምረዋል, አንድ ነገር ግን ማስታወስ ያለብዎት አንድ ጊዜ ሁሉንም ኅዳጎች (ሽፋኖችን) ካጠፉ እና ማስተካከያውን ካደረጉ ብቻ ነው, የድረ-ገጾቹን የተወሰኑ ክፍሎችን ለመምረጥ እነሱን ማየትም ያስፈልግዎታል. እና የእርስዎ የንድፍ ጥሪዎች እንደሚጠሩት ሆኖ ይቅረቡ.

ጠርዞች

ምናልባት "ምንም አሳሾች በነባሪ አካላቸው ዙሪያ ክፈፍ የለባቸውም" ብለው አስበው ሊሆን ይችላል. ይህ ሙሉ በሙሉ እውነት አይደለም. የቆየ የ Internet Explorer ስሪቶች በአዕድዶች ዙሪያ ግልጽ ወይም የማይታይ ጠባብ አላቸው. ክፈፉን ወደ 0 ካላስቀጠሉ, ይህ ድንበር የእርስዎን ገጽ አቀማመጦች ሊያበላሸው ይችላል. እነዚህን የቆዩ የ IE አይነቶችን ለመደገፍ ከወሰኑ የሚከተሉትን ነገሮች ወደ ሰውነትዎ እና ኤችቲኤም ቅጦችዎ በመጨመር ይህን ያስተካክሉ:

ኤችቲኤምኤል, ሰውነት {
ኅዳግ: 0 ፒክስል;
ድብድብ: 0px;
ድንበር: 0px;
}

ይህ አዲስ ቅጥያ ጠርዞችን እና መታጠፊያዎችን ከማጥፋትዎ ጋር ተመሳሳይ በሆነ መልኩ ነባሪውን ክፈፎች ያጠፋል. በተጠቀሰው ርዕስ ውስጥ ቀደም ብሎ የተጠቀሰውን ልዩ ምልክት በመጠቀምም ተመሳሳይ ነገር ማድረግ ይችላሉ.

የመጀመሪያ ጽሑፍ በጄኒፈር ክርኒን. በ 9/27/16 በጄረሚ ጊራር የተስተካከለው.