የ “hypertext markupation ቋንቋ” ኤች.ቲ.ኤም.ኤል ከተፈጠረ ጀምሮ የድር ሰነዶች አቀማመጥ እና አቀማመጥ ፅንሰ-ሀሳቦች በጣም ተለውጠዋል። ለሲ.ኤስ.ኤስ.ኤስ እና ለሲኤስኤስ 2 cascading የቅጥ ሉህ ደረጃዎች በታዋቂ አሳሾች በተሟላ ድጋፍ ፣ የሰነድ ምስላዊ አቀራረብን በማንኛውም ገጽታ ላይ ተጽዕኖ ማሳደር ተችሏል ፡፡ ለምሳሌ ፣ የአንድን አገናኝ ዳራ በቀለም ፣ በተወሰነ ምስል ተሞልቶ እንዲሁም በተጠቃሚው እርምጃዎች ላይ በመመርኮዝ መለወጥ ይችላሉ።
አስፈላጊ
- - የሰነዱን ጽሑፍ ወይም የሰነድ ዘይቤ ሉሆችን ጽሑፍ የማርትዕ ችሎታ;
- - ሰነዱን በዋናው ኢንኮዲንግ ውስጥ እንዲያስቀምጡ የሚያስችልዎ የጽሑፍ አርታኢ።
መመሪያዎች
ደረጃ 1
በ ‹ኤ› ንጥረ-ነገር ላይ የውስጠ-ጥበባት መረጃን በመጨመር በአገናኝ መንገዱ አንድ ወጥ በሆነ በዘፈቀደ ቀለም እንዲሞላ ያድርጉት። ከየትኛው ዳራ መለወጥ ከሚፈልጉት አገናኝ ጋር በሚዛመደው የ “ኤ” አባል ባህሪዎች ላይ ቅጥ ያክሉ። በቅጡ አይነታ ይዘት ውስጥ የጀርባ ቀለም ቀለሙን ሲ.ኤስ.ኤስ. ንብረትን ከተጠቀሰው እሴት ጋር ያኑሩ ፣ ይህም ለጀርባ ቀለም ትክክለኛ መለያ ነው ፡፡ ለምሳሌ ፣ ይህ ሊመስል ይችላል
የአገናኝ ጽሑፍ
ደረጃ 2
የአገናኝዎን ዳራ በሰነድዎ ውስጥ በውጫዊ ወይም በተከተተ የቅጥ ሉህ ውስጥ ይግለጹ። በተገቢው የቅጥ (ሉህ) ወረቀት ውስጥ ተቀባይነት ያለው የዝርዝር ደረጃ በተመረጠ የተመረጡትን የሕጎች ስብስብ ያክሉ። በሕግ ደንቡ ውስጥ ፣ ከቀደመው እርምጃ ጋር በተመሳሳይ መንገድ የጀርባ ቀለም ንብረትን ያስገቡ። በ CSS2 ማስወጫ ደንቦች እና በተፈለገው ወሰን መሠረት የመራጩን ልዩነት ይምረጡ ፡፡ ስለዚህ ፣ የአንድ አገናኝን ቀለም ብቻ ማዘጋጀት ከፈለጉ ፣ የመታወቂያ መምረጫ መጠቀሙ ምክንያታዊ ነው ፣ ብዙ እንደዚህ ያሉ አገናኞች ካሉ በክፍል ዋጋ ላይ በመመርኮዝ የባህሪ መምረጫ መጠቀሙ የተሻለ ነው ፡፡
ለምሳሌ ፣ በሰነድ ውስጥ ለተለየ አገናኝ አረንጓዴ ጀርባ ለማዘጋጀት ፣ በቅጡ ሉህ ላይ የደንቦችን ስብስብ ማከል ይችላሉ-
# መታወቂያ_አረንጓዴ
{
የጀርባ-ቀለም: # 00FF00;
}
እንዲሁም ወደ ‹ID_GREEN› ከሚፈለገው አገናኝ ጋር የሚዛመድ የ ‹ኤ› አባል መታወቂያ ባህሪን ማዘጋጀት አለብዎት
የአገናኝ ጽሑፍ
ደረጃ 3
የአገናኙን ዳራ በምስል ይሙሉ። በደረጃ አንድ እና ሁለት የተገለጹትን ዘዴዎች ይከተሉ ፣ ግን ከበስተጀርባ-ቀለም CSS ንብረት ይልቅ ፣ የጀርባ ምስልን ይጠቀሙ። ለምሳሌ:
የአገናኝ ጽሑፍ
አስፈላጊ ከሆነ ፣ በአግድም ሆነ በአቀባዊ የበስተጀርባ ምስልን ለማባዛት አማራጮችን ለመግለጽ በተቀመጡት የ CSS ህጎች ላይ የዳግም-ተደጋጋሚ ንብረት ያክሉ።
ደረጃ 4
በላዩ ላይ ሲያንዣብቡ ወይም ትኩረቱ በሚንቀሳቀስበት ጊዜ የአገናኙን ዳራ እንዲለወጥ ያድርጉ። በተለያዩ ግዛቶች ውስጥ የአገናኝ ወይም የአገናኝ ቡድንን ዳራ የሚወስን የውጫዊ ወይም የተከተተ የሰነድ የቅጥ ሉህ ውስጥ የደንብ ስብስቦችን ያክሉ። ከተለዋጭ የውሸት-መደቦች ጋር በመሆን መታወቂያን እና የባህሪ መረጣዎችን ይጠቀሙ-ማንዣበብ ፣ ንቁ እና: ትኩረት። ለምሳሌ ፣ የ ID_DYNAMIC_BACKGROUND መታወቂያ አይነታ እሴት ያለው አገናኝ ዳራ በማይንቀሳቀስበት ሁኔታ ቀይ እና በመዳፊት ጠቋሚው ስር ባለበት ሁኔታ አረንጓዴ እንዲሆን የሚከተሉትን የሕጎች ስብስቦች በቅጥ ሉህ ውስጥ መታከል አለባቸው
# ID_DYNAMIC_BACKGROUND
{
የጀርባ-ቀለም # FF0000;
}
# ID_DYNAMIC_BACKGROUND: ማንዣበብ
{
የጀርባ-ቀለም: # 00FF00;
}
በሚለዋወጥ ሁኔታ በሚለዋወጥ ምስል ዳራ ለመፍጠር እንዲሁ ማድረግ ይችላሉ።
