ሲ.ኤስ.ኤስ በይነመረብ መገልገያ ገጽ ላይ ምስላዊ ነገሮችን ለመፍጠር የሚያገለግል የካስካዲንግ የቅጥ ሉህ ነው ፡፡ በሲ.ኤስ.ኤስ.ኤስ ውስጥ የተገለጹትን ዕቃዎች መስጠቱ በኤችቲኤምኤል ምልክት ማድረጊያ ቋንቋ ተተግብሯል ፡፡ ሰንጠረ Casችን ማስኬድ ለብቻው መጠቀም አይቻልም ፡፡
ሲ.ኤስ.ኤስ
ኤስኤምኤስ የኤችቲኤምኤል ምልክት ማድረጊያ አባላትን መስጠት የሚተገብር የቅጥ ቋንቋ ነው። ካስካዲንግ ሰንጠረ HTMLች በኤችቲኤምኤል ውስጥ የማይለወጡ አማራጮችን እንዲያስተካክሉ ያስችሉዎታል ፡፡ ለምሳሌ ፣ የቅጡ ቋንቋን በመጠቀም የቅርጸ-ቁምፊ ዘይቤን ፣ ቀለምን ማርትዕ ይችላሉ። ሲ.ኤስ.ኤስ ህዳጎችን ፣ መስመሮችን ፣ ቀዘፋዎችን ፣ ስፋትን ፣ የቦታ ክፍሎችን እንዲያስቀምጡ እና “ንፁህ” ኤችቲኤምኤልን በመጠቀም ለመተግበር የማይቻል የእነዚህን መለኪያዎች ውፅዓት እንዲያከናውን ይፈቅድልዎታል።
የ Cascading የቅጥ ሉሆች በሁሉም አሳሾች የሚደገፉ እና በማንኛውም የድር ሀብት ላይ ያገለግላሉ ፡፡ በተጠቀሰው ቋንቋ በመጠቀም የይዘት ማሳያውን ይቆጣጠራሉ እንዲሁም ለተለያዩ ሚዲያዎች የእቃዎችን ማሳያ እንዲቆጣጠሩ ያስችሉዎታል ፡፡
ኤችቲኤምኤል የአንድ ገጽ ጽሑፍን ለማዋቀር እንደ መሣሪያ ብቻ የሚያገለግል ከሆነ ሲ.ኤስ.ኤስ የታየውን ይዘት ማሳያ እንዲያበጁ ያስችልዎታል።
የሲ.ኤስ.ኤስ አገባብ እና በኤችቲኤምኤል ኮድ ውስጥ መካተት
ገጽ ሲዘጋጁ ከኤችቲኤምኤል መሣሪያዎች በላይ ሲ.ኤስ.ኤስ.ን መጠቀም ተመራጭ ነው ፡፡ እውነታው ኤች.ቲ.ኤም.ኤል መጀመሪያ ላይ የአባላትን ቀለም ለማረም የሚያስችል አቅም አልነበረውም እናም ቀለምን እና የማሳያ ልኬቶችን ለማዘጋጀት የታቀደ አይደለም ፣ ስለሆነም ዲዛይን ለመፍጠር የኤችቲኤምኤል ገላጭዎችን መጠቀሙ በአንዳንድ የድር ገንቢዎች ትክክል እንዳልሆነ ሊቆጠር ይችላል ፡፡
ሲ.ኤስ.ኤስ.ኤም.ኤል ከ HTML የተለየ አገባብ ያለው ሲሆን በመለያዎች በኩል በገጹ ኮድ ውስጥ ተካትቷል ፡፡ እንዲሁም የመለኪያ መለያዎችን በመጠቀም በተለየ ፋይል ውስጥ ያለውን የ CSS ኮድ ማዋሃድ ይችላሉ:
ሲ.ኤስ.ኤስ.-ኮድ አንድ የተወሰነ አገባብ አለው ፣ እሱም በጥብቅ መከተል አለበት ፣ አለበለዚያ የተፈጠሩ ቅጦች በገጹ ላይ አይታዩም። የ CSS ኮድ አንድ ክፍል በ 3 ዋና ዋና አካላት ሊመረጥ ይችላል-መራጭ ፣ ንብረት እና እሴት ፡፡ እነዚህ ነገሮች እንደሚከተለው ተጽፈዋል
መራጭ {ንብረት: እሴት; }
መራጩ የተፈጠረው የማሳያ ደንብ የሚተገበርበትን እጀታ ይገልጻል ፡፡ የንብረት መለኪያው የንጥሉ አርትዖት ገጽታን ይገልጻል ፣ እና እሴቱ ለንብረቱ ተጓዳኝ አማራጭን ይገልጻል። ለምሳሌ ፣ በሁለተኛው ደረጃ ርዕስ ውስጥ ቀለሙን ለመቀየር
ኤችቲኤምኤል ፣ የሚከተሉትን ኮድ ማመልከት ይችላሉ
h2 {ቀለም ቀይ; }
ይህ ኮድ በሁለተኛው ደረጃ ርዕስ ገላጭ ውስጥ የሚገኝ የጽሑፍ ቀለምን ወደ ቀይ ያደርገዋል ፡፡
ሲ.ኤስ.ኤስ መደበኛውን የኤችቲኤምኤል ቀለም ሰንጠረዥን ይጠቀማል።
መለያዎችን ከመጠቀም በተጨማሪ የውስጥ መለያዎችን መጠቀምም ይችላሉ ፡፡ ለምሳሌ:
ራስጌ
ይህ ኮድ ከላይ ከተገለጸው ጋር ተመሳሳይ ነው ፣ የሲኤስኤስ መለኪያዎች እራሳቸው ለአርትዖት ከሚያስፈልገው ገላጭ ውስጥ ከተቀመጡት ልዩነት ጋር ፡፡