የድርጣቢያ ምስላዊ አቀማመጥ እና አቀማመጥ በሲ ኤስ ኤስ ወይም በካርድስቲክ ስቲል ሉሆች ይመራል. እነዚህ ሰነዶች የድረ-ገጽ ኤች ቲ ኤም ኤል ማርክን ቅርፅ የሚወስዱ ሰነዶች, ከዛ የማብራሪያ ውጤት የሆኑ ገጾችን እንዴት ማሳየት እንደሚችሉ መመሪያዎችን በድር አሳሾች ያቀርባሉ. ሲ.ኤስ.ኤስ የአንድ ገጽ አቀማመጥ, እንዲሁም ቀለም, የጀርባ ምስሎች, የስዕል አይነት እና ሌሎችንም ያከናውናል .
የሲኤስኤል ፋይሎችን ከተመለከቱ, እንደ ማንኛውም የማሻሻያ ወይም የኮድ መፍቻ ቋንቋ, እነዚህ ፋይሎች ለእነሱ የተወሰነ አገባብ አላቸው. እያንዳንዱ ቅጥ ገጽ ከበርካታ የሲ.ኤስ. ደንቦች ጋር የተቀናበረ ነው. እነዚህ ደንቦች, ሙሉ ለሙሉ ሲወሰዱ, ጣቢያውን የሚለብሱት ናቸው.
የሲ ኤስ ኤስ ደንብ ክፍሎች
የ CSS መመሪያ ሁለት የተለያዩ ክፍሎች አሉት-የመምረጫ እና መግለጫ. መምረጫው በአንድ ገጽ ላይ ምን ማለት ነው ምን እንደሆነ ይወስናል, እና መግለጫው እንዴት ቅደም ተከተል መሆን አለበት. ለምሳሌ:
p {
ቀለም # 000;
}
ይሄ የ CSS መመሪያ ነው. የመምረጫው ክፍል "p" ነው, እሱም ለ "አንቀጾች" የአርዕባ መምረጫ. ስለዚህ, ሁሉም አንቀጾችን በጣቢያው ላይ ይመርጡ እና እነዚህን ቅጦች ያቀርባሉ (በርስዎ የ CSS ዌብሳይ ውስጥ ይበልጥ በተለዩ ልዩ የሆኑ ቅጦች የተደረገባቸው አንቀጾች ከሌሉ በስተቀር).
«ቀለም: # 000» የሚለው ደንብ ክፍል መግለጫው በመባል የሚታወቀው ነው. ይህ አዋጅ ሁለት ንብረቶች አሉት-ንብረቱ እና እሴቱ.
ንብረቱ የዚህ መግለጫ "ቀለም" ክፍል ነው. የመመረጫው የትኛው ገጽታ በምስላዊ ይቀየራል.
እሴቱ የተመረጠው የሲ.ኤስ. ንብረት ይለወጥ ነው. በእኛ ምሳሌ ውስጥ, # 000, የ "ሲስተም" አረፍተ ነገር የሆነውን የሂሳብ ዋጋን እየተጠቀምን ነው.
ስለዚህ ይህንን የሲሲኤስ መመሪያ በመጠቀም, ገጻችን በንፀሃ-ቀለም ጥቁር ላይ የሚታዩ አንቀጾች እንዲኖሩት ይደረግ ነበር.
የሲሲኤስ ባህሪይ መሠረታዊ ነገሮች
የሲሳይት ባህሪዎችን ሲፅፉ በቀላሉ ልክ እንደፈለጉ ሊያደርጉዋቸው አይችሉም. ለአብነት, "ቀለም" ትክክለኛ የሲኤስኤል ንብረቶች ነው, ስለዚህ መጠቀም ይችላሉ. ይህ ንብረት የአንድን አባል የጽሑፍ ቀመር ይወስናል. "የፅሁፍ ቀለም" ወይም "ቅርጸ ቁምፊ ቀለም" እንደ የሲኤስ ባህሪያት ለመጠቀም ሞክረው ቢሆን, እነዚህ የሲ.ኤስ.ሲ ቋንቋ ትክክለኛ ክፍሎች ስላልሆኑ ይሳካሉ.
ሌላ ምሳሌ ደግሞ «የጀርባ-ምስል» ን ንብረት ነው. ይህ ንብረት ለጀርባ ጥቅም ላይ ሊውል የሚችል ምስል ያበጃል, እንደዚህ እንደሚከተለው:
.logo {
የዳራ-ምስል: url (/images/company-logo.png);
}
"የጀርባ ምስል" ወይም "የጀርባ ምስል ንድፍ" ን ለመጠቀም እንደሞከሩ ከሆነ, እነዚህ ናቸው, አሁንም እንደገና እነዚህ የሲኤስኤል ባህሪያት የሉም.
የተወሰኑ የ CSS ባህሪያት
አንድ ጣቢያ ለመቀርጽ ብዙ የ CSS ባህሪያት አሉ. አንዳንድ ምሳሌዎች ናቸው
- ድንበር (የድንበር ቅጥ, የጠርዝ-ቀለም እና የድንበር ስፋት ጨምሮ)
- ማሸጊያ (ፓድደር-አፕ, ፓድንግ-ቀኝ, ፓድደር-ታች, እና መታጠፊያ-ግራ ጨምሮ)
- ኅዳጎች (የንጥል የላይኛ, የተደመቀ - የቀኝ-ጠርዝ, የዉል / ታች እና የግራ-ግራ)
- ፎን-ቤተሰብ
- ቅርጸ-ቁምፊ
- ዳራ-ቀለም
- ስፋት
- ቁመት
እነዚህ የሲ.ኤስ.ኤስ ባህሪያት እንደ ምሳሌዎች ለመጠቀም ታላላቅ ናቸው, ምክንያቱም ሁሉም በጣም ግልፅ ናቸው, እና CSS ን የማታውቋቸው ቢሆንም, በስማቸው ላይ በመመስረት መገመት ይችላሉ.
እንዲሁም እርስዎ የሚያጋጥሟቸው ሌሎች የ CSS ባህሪያት እንዲሁም በስምዎ ላይ በመመስረት እንዴት እንደሚሰሩ ግልጽ እንደሆኑ ላይሆኑ ይችላሉ.
- ተንሳፋፊ
- አጽዳ
- ከመጠን በላይ
- ጽሑፍ-መለወጥ
- Z-index
ወደ የድር ዲዛይን በጥልቀት ሲቀሩ እነዚህን ሁሉ ባህሪያትና ተጨማሪ ነገሮችን ያገኛሉ (እና ይጠቀሙ)!
የባህሪቶች እሴት አስፈላጊነት
በንብረትን በሚጠቀሙበት ጊዜ ሁሉ ዋጋ መስጠት አለብዎ - እና የተወሰኑ ባህርያት የተወሰኑ እሴቶችን ብቻ ነው ሊቀበሉ የሚችሉት.
በ "ቀለም" ንብረታችን የመጀመሪያው ምሳሌ ውስጥ, የቀለም እሴት መጠቀም ያስፈልገናል. ይሄ የሄክስ እሴት , የ RGBA እሴት, ወይም የቀለም ቁልፍ ቃላት ሊሆን ይችላል. የትኛውንም እነዚህን እሴቶች መስራት ይሠራል, ሆኖም ግን እዚህ ላይ "ድብልቅ" የሚለውን ቃል ከንብረቱ ጋር ከተጠቀሙ, እንደዚያ ዓይነት ገላጭ ቢሆንም, በ CSS ዘንድ የሚታወቀው እምቅ ነው.
የእኛ ሁለተኛው ምሳሌ "ጀርባ-ምስል" የምስል ዱካን ከጣቢያዎ ፋይሎች ትክክለኛውን ምስል ለማምጣት ስራ ላይ ይውላል. ይህ የሚያስፈልግ ዋጋ / አገባብ ነው.
ሁሉም የሲ.ኤስ.ኤስ ባህሪያት የሚጠብቃቸውን ዋጋዎች አላቸው. ለምሳሌ:
- ድንበር-ቀለም የቀለም እሴት ይጠብቃል
- የድንበር-መጠን ልክ እንደ ፒክስሎች ወይም መቶኛዎችን የመጠን መለኪያ ይጠበቃል
- የቅኝት ገጽታዎች እንደ "ጠንካራ", ለዚህ ንብረት ጥቅም ላይ ከሚውሉት የተለመዱ ቅጦች አንዱን ይጠብቃል.
የ CSS ባህሪያት ዝርዝር ውስጥ ያለፉ ከሆነ, ለእያንዳንዳቸው ለእራሳቸው ቅጦች ቅጦችን ለመፍጠር የሚጠቀሙባቸው የተወሰነ እሴቶች እንዳሉ ትገነዘባላችሁ.
በጄረሚ ጊራር የተስተካከለው