የኤች ቲ ኤም ኤል መጠን መለያ ስም አለ?

ድረ-ገፆችን በኤችቲኤም (HTML) መገንባት ሲጀምሩ, ከመጠን በላይ መስራት ይጀምራሉ. ጣቢያዎ እንዲታይ የሚፈልጉትን መንገድ እንዲመስል ለማድረግ, እርስዎ ወይም ሌላ ንድፍ አውጪ የፈጠሩት ንድፍ ጋር ተዛማችነት ሊኖረው ይችላል, በዛ ጣቢያ ላይ ያለውን የጽሑፍ መጠን እና እንዲሁም በገጹ ላይ ሌሎች ክፍሎችን መለወጥ ይፈልጋሉ. ይህንን ለማድረግ የኤችቲኤም "መጠን" መለያ መፈለጎም ሊጀምሩ ይችላሉ ነገር ግን ቶሎ ይጎለዋል.

የኤችቲኤምኤል መለያ መለያ በኤች ቲ ኤም ኤል ውስጥ የለም. ይልቁን, የቅርጸ ቁምፊዎችዎን, ምስሎችን ወይም አቀማመጦችን መጠን ለማዘጋጀት, ኮከብ የተደረገባቸው ቅጥ ሉሆችን መጠቀም አለብዎት. በእርግጥ, ወደ አንድ ጣቢያ ጽሁፍ ወይም ሌላ አካል ማዘጋጀት የሚኖርብዎ ማንኛውም የእይታ ለውጥ በ CSS መጫን አለበት! ኤች ቲ ኤም ኤል ለተዋቀረው ብቻ ነው.

ለኤችቲኤምኤል መጠን መለያ ቅርብ ያለው መለያ የድሮው የቅርፀ ቁምፊ ስም ነው, ይሄም የመጠን መጠንን ያካተተ ነበር. ይህ መለያ በአሁኑ ኤችቲኤምኤል ስሪት የተቋረጠ እንደሆነና ለወደፊቱ በአሳሾች ላይ የማይደገፍ መሆኑን ተጠንቀቅ! በኤችቲኤምኤል ውስጥ የቅርጸ ቁምፊውን መለያ መጠቀም አትፈልግም! በምትኩ ግን, የኤችቲኤምኤል አባሎችን መጠን ለመጨመር CSS እና የድረ-ገጽዎን ገጽታ እንዲቀይር CSS ን መማር አለብዎት.

የቅርጸ ቁምፊዎች መጠኖች

ቅርጸ ቁምፊዎች በሲኤስኤስ ውስጥ የመጠንኛ ቀላል ነገር ናቸው. ሞርሶ የዚያ ጽሑፍን ከመጠን በላይ ከመጠለል በላይ, ከኤስኤስአይ ስለ እርስዎ የድርጣቢያ ታይፕተግራፍ የበለጠ ግልጽ ሊሆኑ ይችላሉ. የቅርጸ ቁምፊ መጠንን, ቀለሙን, መልሳውን, ክብደቱን, መሪን እና ሌሎችንም መግለፅ ይችላሉ. በቅርጸ ቁምፊ ስያሜ መጠንን መወሰን የሚችሉት, እና በመቀጠል ለያንዳንዱ ደንበኛ የሚለያው የአሳሽ ነባሪ የቅርፀ-ቁምፊ መጠን አንጻራዊ በሆነ ቁጥር ብቻ ነው.

ያንተን አንቀጽ የቅርጸ ቁምፊ መጠን 12 ዲፕል እንዲሆን ለማድረግ, የቅርጸ-ቁምፊ ቅጥ ቅጥትን ተጠቀም:

h3 {font-size = 24px; }

ይህ ቅፅ የ headiing3 elements 24 ፒክስሎች ቅርጸ ቁምፊ ይይዛል. ይህንን ወደ ውጫዊ ቅጥ ገጽ ለመጨመር እና ሁሉም የጣቢያዎ H3s ይህንን ቅጥ ይጠቀማሉ.

በጽሁፍዎ ላይ ተጨማሪ የፊደል ስሪት ቅጦች ለመጨመር ከፈለጉ, በ CSS መጠቀሚያ ላይ ማከል ይችላሉ:

h3 {ቅርጸ ቁምፊ-መጠን: 24 ፒክስል; ቀለም # 000; ቅርጸ-ቁመት: መደበኛ; }

ይሄ ያንን የቅርፀ ቁምፊ መጠን ለ H3 ዎች ያዘጋጀው, ቀለሙን ወደ ጥቁር (ከጥቁር # 000 ሄክስሮይድ ማለት ነው) እና እንዲቀር ያደርገዋል እና ክብደቱን ወደ "መደበኛ" ይቀይረዋል. በነባሪ, አሳሾች ከ 1 - 6 ላይ እንደ ደማቅስ ጽሁፍ ይለጥፋሉ, ስለዚህ ይህ ቅፅ ያንን ነባሪ እና በዋጋ "ጽድድ" ጽሁፉን ይሽረዋል.

የምስል መጠኖች

ምስሎችን መጠን ለመቀየር አሳሽውን በትክክል ሊጠቀሙ ስለሚችሉ ምስሎች መጠኑን ለመወሰን አደገኛ ሊሆኑ ይችላሉ. እርግጥ ነው, ምስሎችን በአሳሽ ላይ ማሳለጥ መጥፎ ሐሳብ ነው ምክንያቱም ገፆች ብዙ ጊዜ እንዲዘገይ ስለሚያስከትሉ አሳሾች በአብዛኛው ምስልን ያበላሹታል. ይልቁንስ ምስሎችን መጠንን ለመወሰን እና የእነሱን እውነተኛ መጠኖች በድር ገጽዎ ኤች.ቲ.ኤም.ኤል ለመጻፍ የግራፊክስ ሶፍትዌር መጠቀም አለብዎት.

ከቅንብሮች ይልቅ ምስሎች ኤችቲኤምኤል ወይም ሲኤስኤልን መጠቀም ይችላሉ. የምስሉ ስፋቱን እና ቁመቱን ይገልፃሉ. ኤችቲኤምኤል ሲጠቀሙ, የምስል መጠኑን በፒክሰል ውስጥ ብቻ መግለጽ ይችላሉ. ሲኤስኤል የሚጠቀሙ ከሆነ ኢንች, ሴንቲሜትር እና መቶኛ ጨምሮ ሌሎች መለኪዎችን መጠቀም ይችላሉ. ምላሽ ሰጪ በሆነው ድር ጣቢያ ውስጥ እንደ ምስሎችዎ ምስሎችዎ ፈጣን ሲሆኑ ይህ የመጨረሻ እሴት መቶኛ በጣም ጠቃሚ ነው.

በኤች ቲ ኤም ኤል በመጠቀም የምስል መጠንዎን ለመወሰን, የ img መለያ ቁመቱን እና የስፋት ባህሪያትን ይጠቀሙ. ለምሳሌ, ይህ ምስል 400x400 ፒክስል ካሬ ይሆናል.

ቁመት = "400" ስፋት / "400" alt = "image" />

ሲኤስኤስ በመጠቀም የምስል መጠንዎን ለመወሰን, ቁመቱን እና የስፋት ቅጥ ባህሪያትን ይጠቀሙ. ተመሳሳይ መጠይቅ ይኸው ነው, መጠንን ለመግለጽ ሲኤስኤስ በመጠቀም:

style = "height: 400px; width: 400px;" alt = "image" />

የአቀማመጥ መጠኖች

በአቀማመጥ ውስጥ በጣም የተለመዱት መጠን ስፋቱ ነው, እናም ለመወሰን ቅድሚያ የሚወስነው አንድ ቋሚ ስፋት አቀማመጥ ወይም ምላሽ ሰጪ ድር ጣቢያ ነው. በሌላ አነጋገር የፒኤስን (pixels), ኢንከክሶች ወይም ነጥቦችን (number of pixel) ቁጥር ​​ለመወሰን ስፋቱን ትወስናለህ? ወይስ የእስዎን አቀማመጥ በ %> ን በመጠቀም <ተለዋዋጭ ለማድረግ> የአቀራችዎን መጠን ለመግለጽ, ልክ በምስል ውስጥ እንደሚያደርጉት ወርድ እና ቁመት የ CSS ባህሪያትን ይጠቀማሉ.

የተስተካከለ ስፋት:

style = "width: 600px;">

ፈካ ያለ ወርድ:

style = "width: 80%;">

ለአቀራችዎ ስፋቶች ሲወስኑ አንባቢዎችዎ የሚጠቀሙባቸውን የተለያዩ የአሳሽ ስፋቶችን እና ስለሚጠቀሙባቸው የተለያዩ መሳሪያዎች ያስታውሱ. ለዚህ ነው የኛን አቀማመጥ እና የመጠን አቀራረብ በተለያዩ መሳሪያዎች እና ማያ ገጽ መጠኖች ላይ መሰረት ያደረገ ምላሽ ሰጪ የድር ጣቢያዎችን ዛሬ ሊለወጡ የሚችሉት.