ብዙውን ጊዜ በኤችቲኤምኤል-ገጾች ውስጥ የመለያዎችን መጠን ለመለየት ፣ የ CSS ቋንቋ ችሎታዎች (ካስካዲንግ የቅጥ ሉሆች) ጥቅም ላይ ይውላሉ። ምንም እንኳን በኤችቲኤምኤል ቋንቋ እራሱ ውስጥ በርካታ “ቀላጮች” ቅሪቶች አሉ ፣ በአንዳንድ ሁኔታዎች የመግቢያ ቦታን ለማስቀመጥ ያስችላቸዋል ፡፡ ከዚህ በታች ብዙውን ጊዜ ጥቅም ላይ የሚውሉት አማራጮች ከዚህ በታች ይገኛሉ ፣ ግን ከእነሱ በተጨማሪ አሁንም መደበኛ ያልሆኑ የኤችቲኤምኤል ሰነዶች ምዝገባን ለማስቀመጥ የሚያስችሉዎት በጣም ብዙ የተለያዩ ብልሃቶች አሉ ፡፡
አስፈላጊ ነው
ስለ HTML እና ለ CSS ቋንቋዎች መሠረታዊ እውቀት
መመሪያዎች
ደረጃ 1
ወደ ውስጥ የሚገባበትን የገጽ አካል ይወስኑ። ለምሳሌ ፣ ጽሑፉ በመለያው ውስጥ ከተቀመጠ … (ብሎክ) ፣ ከዚያ ይህ ብሎክ የዚህ ጽሑፍ የወላጅ አካል ይሆናል እና የመግቢያ ይዘቱ ከእገዳው ዳርቻ ሊቆጠር ይገባል። እና ጽሑፉ (ወይም ምስሉ) በማንኛውም ብሎክ (ዲቪ ፣ ሊ ፣ ወዘተ) ወይም የመስመር (ስፔን ፣ ገጽ ፣ ወዘተ) አካላት ውስጥ ከሌለው ወላጁ የሰነድ አካል (የሰውነት መለያ) ይሆናል። ለጽሑፉ የወላጅ አባላትን መግለፅ አስፈላጊ ነው ምክንያቱም እሱ ውስጡን የሚፈጥሩ የቅጦች ቅጦች መግለጫዎችን ማዘጋጀት ያለበት እሱ ነው። ጽሑፍዎ በዲቪ ብሎክ ውስጥ እንደተቀመጠ እንውሰድ የናሙና ጽሑፍ
ደረጃ 2
ጠርዞችን ለማቀናበር የሲ.ኤስ.ኤስ. የቋንቋ ህዳግ ንብረትን ይጠቀሙ ፣ ማለትም ፣ ከአንድ ንጥረ ነገር ድንበሮች እስከ አጎራባች አካላት እንዲሁም እንዲሁም ከወላጅ አባል ድንበሮች ይህ ርቀቱ በእያንዳንዱ ጎን ለቅሶ በተናጠል ሊቀመጥ ይችላል-ህዳግ - ከላይ - ከላይ ፣ ህዳግ - በቀኝ - በቀኝ ፣ ህዳግ - ታች - በታች ፣ ህዳግ - ግራ - በግራ ፡፡ ከላይ ላለው ምሳሌ ይህ የሲ.ኤስ.ኤስ. ኮድ እንደዚህ ሊመስል ይችላል- div {
ህዳግ-አናት 10px;
ህዳግ-ቀኝ 15px;
ህዳግ-ታች 40px;
ህዳግ-ግራ: 70px;
Here እዚህ “ዲቪ” ይህ ዘይቤ በሰነድ ኮድ ውስጥ ባሉ ሁሉም ዲቪዎች ላይ መተግበር እንዳለበት የሚገልጽ መራጭ ነው ፡፡ የሲ.ኤስ.ኤስ አገባብ ሁሉንም አራት መስመሮች በአንድ ላይ ለማጣመር ያስችልዎታል ፡፡
ህዳግ: 10px 15px 40px 70px;
} የነዋሪዎች እሴቶች ሁል ጊዜ በዚህ ቅደም ተከተል መጠቀስ አለባቸው በመጀመሪያ - ከላይ ፣ ከዚያ - በቀኝ ፣ በታች እና በግራ። ይዘቶቹ በሁሉም ጎኖች ተመሳሳይ ከሆኑ ዋጋውን ለመለየት በቂ ነው አንዴ: div {
ህዳግ: 70px;
} በተጨማሪም ፣ ተንሳፋፊ አግድም ህዳግ (ማለትም ፣ ግራ እና ቀኝ) ማዘጋጀት ይችላሉ። በአሳሽ መስኮቱ መሃል ላይ በትክክል የተሰጠ ስፋትን አንድ ብሎክ ማዘጋጀት ሲፈልጉ ይህ በጣም ጠቃሚ ሊሆን ይችላል። የሚከተለውን የ CSS መግለጫ ከፃፉ አሳሹ ራሱ በሁለቱም በኩል ምን ያህል ውስት መሆን እንዳለበት በራስ-ሰር ይወስናል። div {
ህዳግ: 0 ራስ;
}
ደረጃ 3
ንጣፎችን ለማዘጋጀት የመጥመቂያ ንብረቱን ይጠቀሙ ፣ ይህም ጽሑፍን ጨምሮ በውስጣቸው ከተቀመጡት ማናቸውም ንጥረ ነገሮች ርቀትን የሚወስድ ነው። የዚህ ንብረት አገባብ ልክ እንደ ህዳግ ንብረት ተመሳሳይ ነው div {
መቅዘፊያ-አናት 10px;
መቅዘፊያ-ቀኝ 15px;
መቅዘፊያ-ታች 40px;
መቅዘፊያ-ግራ 70px;
} ወይም ዲቪ {
መቅዘፊያ: 10px 15px 40px 70px;
}
ደረጃ 4
ለእያንዳንዱ የፅሁፍ አንቀፅ የመጀመሪያ መስመር ተጨማሪ መስመሩን ለማዘጋጀት የጽሑፍ-ገብ ንብረቱን ይጠቀሙ ፡፡ ለምሳሌ: div {
ጽሑፍ-ገብ: 80px;
}
ደረጃ 5
በቅደም ተከተል ከምስሉ ወደ ውጫዊ አካላት አግድም እና ቀጥ ያለ አመላካች ለማዘጋጀት የኤችቲኤምኤል ኢምግ መለያ የ hspace እና vspace ባህሪያትን ይጠቀሙ። ለምሳሌ ፣ እንደዚህ
ደረጃ 6
በሠንጠረ in ውስጥ ካሉት የሕዋሶች ድንበር አንስቶ የይዘታቸውን ይዘት መወሰን ከፈለጉ የጠረጴዛ መለያውን የሕዋስ ማደፊያ ባህሪይ ይጠቀሙ። እና የሕዋስ ክፍተቱ አይነታ በጠረጴዛ ሕዋሶች መካከል ክፍተትን ያዘጋጃል ፡፡ ለምሳሌ:
| 1 | 2 |
