ኤችቲኤምኤል (HyperText Markup Language) የተለያዩ ደረጃዎችን ርዕሶችን ለማሳየት ስድስት ልዩ መለያዎችን ይሰጣል። ሁሉም ነባሪ መለኪያዎች (የቅርጸ-ቁምፊው መጠን እና ቅጥ ፣ ከቀዳሚው እና ከሚቀጥሉት አካላት የመነሻ ብዛት ፣ ወዘተ) አላቸው ፡፡ እነዚህ አማራጮች የሲ.ኤስ.ኤስ መመሪያዎችን (ካስካድንግ የቅጥ ሉሆችን) በመጠቀም ሊተላለፉ ይችላሉ እናም በዚህም በድረ-ገጽ ጽሑፍ ውስጥ የራስጌዎችን ገጽታ ይለውጣሉ ፡፡
መመሪያዎች
ደረጃ 1
በድረ-ገፁ ምንጭ ኮድ ውስጥ ገና ካልተከናወነ በተጓዳኙ የመክፈቻ እና የመዝጊያ መለያዎች መካከል የተለያዩ ደረጃዎች ርዕሶችን ያስቀምጡ። ለምሳሌ ፣ በጣም አስፈላጊው ርዕስ (የመጀመሪያ ደረጃ) በመለያዎች መካከል መሆን አለበት
እና
:
የመጀመሪያ ደረጃ ርዕስ
የሚቀጥለው በጣም አስፈላጊ ደረጃ ንዑስ ርዕስ በመለያዎች መካከል መቀመጥ አለበት
እና
ወዘተ የመጨረሻው ከሚታዩት ደረጃዎች የመጨረሻው ስድስተኛው ነው -
እና
ደረጃ 2
በመነሻ ኮዱ ራስጌ ክፍል ውስጥ (በ እና በመለያዎቹ መካከል) በዚህ ቦታ ውስጥ በሲ.ኤስ.ኤስ.ኤ ውስጥ የቅጦች ቅጦች መግለጫ እንዳለ ለጎብኝዎች አሳሹ የሚገልጽ መግለጫ ያስቀምጡ ፡፡
/ * የ CSS መመሪያዎች እዚህ ይሆናሉ * /
ደረጃ 3
በመክፈቻ እና በመዝጊያ ዘይቤ መለያዎች መካከል ፣ መልክን ለመለወጥ ለሚፈልጉት ለእያንዳንዱ ደረጃ አርእስቶች የቅጥ መግለጫዎችን ያክሉ ፡፡ ለምሳሌ ፣ የመጀመሪያ ደረጃ ርዕሶችን ገጽታ ብቻ መለወጥ ካስፈለገዎት ይህ ኮድ እንደዚህ ሊመስል ይችላል
ሸ 1 {
ቀለም: ቀይ;
ቅርጸ-ቁምፊ-20px;
ቅርጸ-ቁምፊ-ቅጥያ;
ቅርጸ-ቁምፊ-ክብደት-ደፋር;
ህዳግ-ላይ: 30px;
ህዳግ-ታች: 20px;
}
እዚህ ፣ h1 የሚያመለክተው በመጠምዘዣ ማሰሪያዎች ውስጥ ያለው መግለጫ የ h1 መለያን የሚያመለክት ሲሆን “መራጭ” ተብሎ ይጠራል ፡፡ የቀለም መለኪያው የጽሑፉን ቀለም ያዘጋጃል ፣ የቅርጸ-ቁምፊ ልኬት የቅርጸ-ቁምፊ መጠን ነው ፣ የቅርጸ-ቁምፊ ዘይቤ ከቅጽ እሴቱ ጋር ፊደል-ፊደል ፊደል ነው ፣ ደፋር እሴቱ ያለው ቅርጸ-ቁምፊ ደፋር ነው ፣ ህዳግ-አናት የላይኛው ነው ህዳግ ፣ እና ህዳግ - ታች የታችኛው ህዳግ ነው። ለሁለተኛ ደረጃ ርዕሶች ፣ ከ h2 መራጭ ፣ ወዘተ ጋር ተመሳሳይ ማገጃ ይጨምሩ ፡፡
ደረጃ 4
ለመግለጽ ብዙ ደረጃዎች ካሉ አጭሩን አገባብ ይጠቀሙ ፡፡ ለምሳሌ ፣ የቅርጸ-ቁምፊ መግለጫዎች በአንድ ልኬት ውስጥ ሊቀመጡ ይችላሉ ፣ እንዲሁም የመግቢያ መጠኖች መግለጫዎች ፡፡ ናሙና
ሸ 1 {
ቀለም: ቀይ;
ቅርጸ-ቁምፊ: ደፋር 20 ፒክስል አሪያል;
ህዳግ 30px 0 20px 0;
}
ሸ 2 {
ቀለም: ብርቱካናማ;
ቅርጸ-ቁምፊ: ደፋር 18 ፒክስል አሪያል;
ህዳግ: 25px 0 15px 0;
}
በሕዳግ መመዘኛው ውስጥ ፣ ህዳጎቹ ከላይኛው ህዳግ ጀምሮ ፣ በጠፈር በኩል (በቀኝ በኩል ከታች በስተግራ በኩል) በሰዓት አቅጣጫ መጠቀስ አለባቸው።
