CSS-መምረጫ, እና ቅርጸት HTML-ሰነድ ውስጥ የራሱ ሚና

አንድ ድር ጣቢያ መፍጠር እና ድረ-ገጽ አንዳንድ አባሎች ጋር በመሙላት, ሁሉም ሰው እንደ የሲ-መራጭ እንደ አንድ ቃል ለፊት ይሆናል. ይበልጥ በትክክል ገጽ ላይ ንድፍ እና አካባቢ በ html-ፋይል ሁሉ ክፍሎች ለመወሰን ያገለግላል. ቀለም, መጠን, አካባቢ እና ሌሎች: ይህን ለማድረግ, አንዳንድ selectors እና የቅርጸት አማራጮች ይዘረዝራል አንድ የሲ-አንድ ሰነድ ይፍጠሩ. እያንዳንዱ የድር ዲዛይነር ማወቅ እና በአግባቡ የተፈለገውን ምርጫዎችን መግባት መቻል አለባቸው. እነሱም, በአይነት እኛ ከታች ተወያዩ ዋና የተከፋፈሉ ናቸው.

የሲ ውስጥ selectors አይነት

ይህም ወደ አባል HTML ቅርጸት ተግባራዊ ላይ በመመስረት, የሲ-መራጭ ከሚከተሉት ቡድኖች መካከል አንዱ ጋር ሊዛመድ ይችላል;

• መለያ መራጭ;
• ክፍል መራጭ;
• id-መራጭ;
• መራጭ የቻለው.

Tag መራጭ

ይህ ደግሞ በጣም ቀላል እና የተለመደ ነው, "አይነት መራጭ" ወይም "ኤለመንት" ይባላል. የእሱን CSS-ሰነድ እንደ እኛ የሚገልጹ ይህም html-ፋይል ክፍሎች, ስሞች ናቸው. እኛ አንቀጽ ቅጥ ማዘጋጀት አለብዎት ለምሳሌ ያህል, እኛ ንብረቶች እና አባል ገጽ {ጀርባ ያላቸውን እሴቶች ይጥቀሱ: x; ቀለም: y; መጠን: z}. በዚህ ሁኔታ ውስጥ, ወደ ድረ-ገጽ ሁሉም አንቀጾች ተመሳሳይ ቅርጸት ይኖራቸዋል (የጀርባ ቀለም, የጽሑፍ መጠን: እንዲሁ ላይ. መ).

ክፍል መራጭ

እና በእያንዳንዱ አንቀጽ ከሌሎች ቅጦች የተለየ ነው የሚያስፈልግህ ከሆነ ምን መጠየቅ? ይህን ለማድረግ, አንድ ክፍል መራጭ አለ.

p.first {ቀለም: በዚህ ጉዳይ ላይ የሲ-ሰነድ የሚከተለውን ቅጽ ግቤት ሊይዝ ነበር x; የቅርጸ ቁምፊ-መጠን: y}. ስለዚህ "ቀለም" እና ብቻ የመጀመሪያው ክፍል አንቀጽ ለ "መጠን" ስለ ባህርያት መግለጽ.

በዚህ ጉዳይ ላይ አንድ html-ሰነድ ውስጥ በመጀመሪያ ቅጥ ስም አንድ ክፍል አይነታ ገባ. ክፍሎች አንድ የድረ-ገጽ ክፍሎች ለማመልከት የሚፈልጉትን ቅጥ ያህል ሊሆን ይችላል.

የመምረጫ መታወቂያ

ብዙውን ጊዜ ከገጹ ማንም ኤለመንት ለምሳሌ, ይበልጥ በትክክል ቅጥ ለመግለጽ, ወይም ናሙና አንድ አስፈላጊ ነው. በዚህ ሁኔታ ውስጥ, ወደ እርዳታ መታወቂያ-መራጭ ይመጣል. የ HTML ፋይል ከሌሎቹ መካከል ይህ ለይቶ አንድ የተፈለገውን ንጥል ስም ይመድባል. ለምሳሌ ያህል, ከሌሎች ቅጥ የተለየ ማዘጋጀት የሚፈልጉትን ንጥረ ርዕስ ርዕስ ይሆናል.

ከዚያም አንድ html-ሰነድ ውስጥ ራስጌ h1 መለያ, እንዲህ articlename መዳቢው. #articlename {ቀለም: እንዲሁም የሲ-ፋይል ውስጥ, መታወቂያ ስም grille ወደ በማከል, ቅጥ ይጥቀሱ ሰማያዊ; የጽሑፍ-align: center}. አሁን አርዕስተ ቀለም ሰማያዊ እና ማዕከል ይኖረዋል.

ከላይ ዓይነቶች መካከል እያንዳንዱ "ቀላል የሲ-መራጭ" ተብሎ ሊገለጽ ይችላል. እነርሱ html-ሰነድ በአንድ የተወሰነ ግቤት ለ የቅርጸት ይግለጹ: አብረው ተመሳሳይ ንጥረ ነገሮች (ርዕስ ውስጥ ለምሳሌ: ሁሉ አንቀጾች), አንድ ክፍል (ለምሳሌ, ብቻ የመጀመሪያው አንቀጽ) ወይም በተወሰነ ንጥል (ለምሳሌ, ርዕስ ርዕስ).

selectors ይስጡ

ትግበራ ስታይል ይበልጥ ውስብስብ ዘዴ - ከላይ በተጨማሪ, የ CSS-selectors ባህርያት ነው. ይህም የተመረጠው መገለጫ ባህሪ ወይም ዋጋ ላይ html ቅርጸት አባሎች ያስችላቸዋል. በዚህ መምረጫ ውስጥ በርካታ ዝርያዎች አሉ:

• ወደ አይነታ ፊት በማድረግ;
• የራሱ ትክክለኛ ዋጋ ላይ;
• ከፊል አይነታ እሴት በማድረግ;
• የራሱ የተወሰነ ዋጋ ላይ.

እስቲ እነዚህን ዝርያዎች እያንዳንዱን እንመልከት:

1. የመጀመሪያው መያዣ. የቅርጸት የተወሰነ መገለጫ HTML-ኮድ ውስጥ ካሉ (አንድ ገጽ, div, ራስጌ, ወዘተ ሊሆን ይችላል), ሊተገበር ነው. አይደለም ከሆነ, ቅጥ ሁሉ ንጥረ የሚሆን ሁሉን አቀፍ ይጠቀማል. ለምሳሌ ያህል, ርዕስ ያለው ንጥረ ነገሮች ለማግኘት (መሣሪያ ጫፍ).
2. ሁለተኛው ጉዳይ. የ ቅጥ ብቻ ዓይነታ እሴቶች አንድ ትክክለኛ ግጥሚያ ያላቸው html-ንጥረ ይመለከታል. ለምሳሌ ያህል, ዓይነት አይነታ ዋጋ ማቅረብ እኩል ቦታ ግብዓት ወደ ንጥረ ነገሮች ወደ.
3. ሦስተኛው መያዣ. ቅርጸት በታች አንድ ቃል ያለው እሴቶች ዝርዝር ውስጥ ንጥል ማካተት ብቻ ይሆናል. ለምሳሌ ያህል, ንጥረ div ያህል የጎን አይነታ "ክፍል".
4. አራተኛው መያዣ. ቅጥ ብቻ የማን የተወሰነ ባህሪ አንድ እሴት አለው HTML-ሰነድ, ሰዎች ክፍሎች ፍቺ, እና ከእርሱ ጋር የሚጀምረው ነው. ለምሳሌ ያህል, ሁሉንም ነገሮች ላይ የተገለጸው ቀለም አጠቃቀም ይህም የእንግሊዝኛ ቋንቋ አይነታ (en, en-አሴሩ, en-AU እና T. መ ሊሆን ይችላል).

በመሆኑም አንድ ሰው ወይም ሌላ, የ CSS መራጭ በመጠቀም, በተሻለ አንድ መላ ድረ-ገጽ እንደ በተጠቀሰው, እና አንዳንድ አባሎች መግለጽ ይቻላል.