በሲኤስኤስ መራጭ ክፍል እና መታወቂያ መካከል ያለው ልዩነት ምንድን ነው? መታወቂያ እና የክፍል አጠቃቀም በኤችቲኤምኤል

በሲኤስኤስ መራጭ ክፍል እና መታወቂያ መካከል ያለው ልዩነት ምንድን ነው? መታወቂያ እና የክፍል አጠቃቀም በኤችቲኤምኤል

Chen Weiliangበቅርቡ ተፈጽሟልሲኢኦ, የጣቢያውን ለማመቻቸትየዎርድፕረስጭብጥ.

ምንም እንኳን ከዚህ በፊት አንዳንድ መሰረታዊ የኤችቲኤምኤል እና የሲኤስኤስ ዕውቀት የተማርኩ ቢሆንም፣ ግን ለተወሰነ ጊዜ አልሰራሁትም ፣በተለይ የ CSS ክፍል አጠቃቀም ፣ ለመርሳት ቀላል ነው።

ስለዚህ፣ የCSS መምረጫ መታወቂያ እና ክፍልን ልዩነት እና አጠቃቀም እዚህ ይመዝግቡ እና ያጠቃልሉት፡-

• መታወቂያ #div ጋር ይዛመዳል
• ክፍል ከ.ዲቪ ጋር ይዛመዳል

በመታወቂያ እና በክፍል መካከል ያለው ልዩነት

የመታወቂያ መግለጫ

• መታወቂያ ቋሚ መለያ ነው፣ እሱም በድረ-ገጹ ውስጥ ትልቁን ዘይቤ ለመግለጽ ጥቅም ላይ ይውላል፣ እሱም በ#div መልክ ይገለጻል።
• ለምሳሌ፡- ዓምዶችን መከፋፈል፣ ላይ፣ አካል፣ ታች፣ ወዘተ...
• በገጽ አንድ ጊዜ ብቻ ሊታይ የሚችል እና በተደጋጋሚ ሊጠራ የማይችል አንድን የተወሰነ አካል ለመግለጽ ጥቅም ላይ ይውላል።

የክፍል መግለጫ

• ክፍል የቅጥ ቡድን ነው፣ እሱም በድረ-ገጹ ውስጥ ያሉትን ዝርዝር ዘይቤዎች ለመግለጽ የሚያገለግል ነው። በዲቪ መልክ ይገለጻል እና ሊደገም ይችላል።
• ለምሳሌ፡- የተወሰነ ምናሌ፣ የጽሑፍ መስመር፣ ወዘተ...
• በተመሳሳዩ ገጽ ላይ, በበርካታ አካላት በተደጋጋሚ ሊጠራ ይችላል

የዲቪ መምረጫው እራሱ ምንም አይነት ባህሪ የለውም።ሲኤስኤስን በመግለጽ አንዳንድ አቀማመጦችን ይቆጣጠራል እንደ ስፋት፣ ቁመት፣ የበስተጀርባ ቀለም እና የዲቪ ጽሑፍ መጠን።

አጠቃላይኢ-ንግድድህረገፅ,ድር ጣቢያ መገንባትበፕሮግራሙ የተፈጠረ የኤችቲኤምኤል ድረ-ገጽ የገጹን አቀማመጥ በ CSS በኩል መገንዘብ ነው።

መራጭ ምንድን ነው?

የእያንዳንዱ የሲኤስኤስ ዘይቤ ፍቺ 2 ክፍሎችን ያቀፈ ነው-

选择器 {样式}

• ከ{} በፊት ያለው ክፍል "መራጭ" ነው።
• "መራጭ" የሚያመለክተው {} የሚሠራበትን "ስታይል" ነው።
• ማለትም፣ ይህ "ቅጥ" የሚሠራው በየትኛው የድረ-ገጽ አካል ላይ ነው?

የኮድ ምሳሌ

የክፍል =«የጎን አሞሌ» አባል እንዴት እንደሚመረጥ እና እንደሚስታይ እነሆ፡-

.sidebar
{ 
background-color:black;
}

በ id="footer" ኤለመንት እንዴት እንደሚመረጥ እና እንደሚስታይ እነሆ፡-

#footer
{ 
background-color:black;
}