ለትልቅ ቅጥ እና አቀማመጥ መቆጣጠሪያ በ CSS ለ span እና ለ div ያድርጉ.
አዲስ ለድር ዲዛይን እና ኤችቲኤምኤል / ሲኤስኤስ ያሉ ብዙ ሰዎች እና
Element በመጠቀም የመለያው እሴት በድረ ገጽዎ ላይ ሎጂካዊ ምድቦችን ይገልፃል.
መሰረታዊ በሆነ መልኩ አንድ ላይ የሚሰሩ ሌሎች ኤችቲኤምኤል አባሎችን ማስቀመጥ ይችላሉ. አንድ ክፍፍል እንደ ሌሎች አንቀጾች, ርዕሶች, ዝርዝሮች, አገናኞች, ምስሎች, ወዘተ የመሳሰሉ በርካታ ተጨማሪ ንጥሎችን ሊኖረው ይችላል. በተጨማሪ ለርስዎ ኤችቲኤምኤል ተጨማሪ መዋቅር እና ድርጅት ለማቅረብ በውስጡ ተጨማሪ ክፍሎችን ሊከፍት ይችላል.
የ
መለያውን በመጠቀም እንደ የተለየ ተከፋፍል አድርገው የሚፈልጉት ምልክት ከሰጡት ገጽ በፊት መለያ ያስቀምጡ.
የ div div
የገጽህ ገጽ ካለህ በሲ.ኤ.ሲ. ውስጥ በቅርብ ጊዜ ለቅጥ ለመደመር የምትጠቀምበት ተጨማሪ መረጃ ካስፈለገ መታወቂያ መምረጫ ማከል ትችላለህ (ለምሳሌ,
id = "myDiv">), ወይም የክፍል መምረጫ (ለምሳሌ, class = "bigDiv">). እነዚህ ሁለቱም ባህሪዎች በሲ ኤስ ኤስ በመጠቀም ወይም በጃቫስክሪፕት በመጠቀም ሊቀየሩ ይችላሉ. አሁን ያሉ ምርጥ ልምዶች ከመታወቂያዎች ይልቅ የመማሪያ መምረጫዎችን መጠቀምን ይደገፋሉ, በከፊል የመታወቂያዎች መምቻዎች ምን ያህል ናቸው. እንደ እውነቱ ከሆነ, ሁለቱንም ልትጠቀም ትችላለህ እና የመታወቂያ እና የክፍል ፈረቃም ሁለቱንም መከፋፈል ትችላለህ.
ከ <ክፍል> መቼ ጥቅም ላይ እንደዋለ
ኤን ኤፍ ኤፍ ከኤች.ቲ.ኤም 5 ክፍል አካል የተለየ ነው ምክንያቱም ተያያዥ ይዘትን የትኛውንም የፍቺ ፍቺ አይሰጥም. የይዘት ማገድ ጥምር ወይም ክፍል መሆን አለመሆኑን እርግጠኛ ካልሆኑ የአባል እና የይዘቱ ዓላማ ምን መጠቀም እንዳለበት ያስቡበት.
- በዚያ የገጹ አካባቢ ላይ ቅጦች ለመጨመር በቀላሉ ኤለዱን ፈልገው ከፈለጉ, የ div ክፍሉን መጠቀም አለብዎት.
- ይዘቱ እንዲካተት ከተፈለገ የተለየ ትኩረት ያለው እና በራሱ ብቻ ሊቆም የሚችል ከሆነ የአካል ክፍሎችን መጠቀም ይፈልጉ ይሆናል.
በመጨረሻም, ሁለቱም መለጠሮች እና ክፍሎች ተመሳሳይነት አላቸው, እና ለሁለቱም እሴት ባህሪዎችን እና በሲ.ኤስ. ውስጥ ቅጦዎን እንዲሰጧቸው የሚፈልጉትን ጣቢያዎን ለመመልከት ይችላሉ. እነዚህ ሁለቱም የንዑስ ደረጃ አባሎች ናቸው.
Element በመጠቀም
ዘለሉ አባል በነባሪ መስመር ውስጥ ያለ መስመር ነው. ይሄ ከቁፍ እና ክፍሎች ክፍሎች ይለያል. የሽልማት አባላቱ ብዙውን ጊዜ የሚለቀቁትን "ማያያዣ" (ግልባጭ) ለመጨመር የተወሰነውን የይዘት ይዘት ለመጠቅለል ያገለግላል. በሲኤስኤል ውስጥ ጥቅም ላይ የዋለ የጽሑፍ ጽሁፍን ቅጥ መቀየር ይችላል. ሆኖም, ምንም አይነት የቅጥ አይነታዎች, የፔርለሉ ክፍል ብቻ በፅሁፍ ላይ ተፅዕኖ አይኖረውም.
በ span እና በ div ክፍሎች መካከል ዋነኛው ልዩነት ነው. ከላይ እንደተጠቀሰው, የኤል ኤለ አንቀጽ የአቀፍ መግቻን ያካትታል ነገር ግን የሽፋን አባልው
የተደወለ ጽሁፍ እና ያልተደገፈ ጽሁፍ.
በ CSS (ለምሳሌ, class = "highlight">) ጽሁፉን ለመቀርጽ ክፍል = "ማድመቅ" ወይም ሌላ ክፍልን ከሴክዩል ክፍል ጋር ያክሉ.
የሽልፊፉ ክፍል አስፈላጊዎቹ ባህርያት የሉትም, ነገር ግን በጣም ጠቃሚ የሆኑት ሦስቱ የ
ተመሳሳይ ናቸው
- ቅጥ
- ክፍል
- መታወቂያ
በሰነድ ውስጥ እንደ አዲስ የሰነድ ደረጃ ኤለመንት ውስጥ ምንም ይዘት ሳያደርጉ የይዘቱን ቅፅ ለመምረጥ ሲፈልጉ ጊዜን ይጠቀሙ.
ለምሳሌ, የ h3 ርእስ ሁለተኛው ቃል ቀለም እንዲሆን ከፈለጉ, ያንን ቃል እንደ ቀይ ጽሁፍ እንዲሆን የሚያደርገው በፓርላማ ክፍል ውስጥ ነው. ቃሉ አሁንም የ h3 አባል አካል ሆኖ ይቀራል, አሁን ግን በቀይ ቀለም ይታያል:
ይሄ የእኔ አስደናቂ አርዕስት ነው
በጃይሚ ጋራርድ የተስተካከለው በ 2/2/17
የመለያው እሴት በድረ ገጽዎ ላይ ሎጂካዊ ምድቦችን ይገልፃል.
መሰረታዊ በሆነ መልኩ አንድ ላይ የሚሰሩ ሌሎች ኤችቲኤምኤል አባሎችን ማስቀመጥ ይችላሉ. አንድ ክፍፍል እንደ ሌሎች አንቀጾች, ርዕሶች, ዝርዝሮች, አገናኞች, ምስሎች, ወዘተ የመሳሰሉ በርካታ ተጨማሪ ንጥሎችን ሊኖረው ይችላል. በተጨማሪ ለርስዎ ኤችቲኤምኤል ተጨማሪ መዋቅር እና ድርጅት ለማቅረብ በውስጡ ተጨማሪ ክፍሎችን ሊከፍት ይችላል.
የ
የ div div
የገጽህ ገጽ ካለህ በሲ.ኤ.ሲ. ውስጥ በቅርብ ጊዜ ለቅጥ ለመደመር የምትጠቀምበት ተጨማሪ መረጃ ካስፈለገ መታወቂያ መምረጫ ማከል ትችላለህ (ለምሳሌ,
id = "myDiv">), ወይም የክፍል መምረጫ (ለምሳሌ, class = "bigDiv">). እነዚህ ሁለቱም ባህሪዎች በሲ ኤስ ኤስ በመጠቀም ወይም በጃቫስክሪፕት በመጠቀም ሊቀየሩ ይችላሉ. አሁን ያሉ ምርጥ ልምዶች ከመታወቂያዎች ይልቅ የመማሪያ መምረጫዎችን መጠቀምን ይደገፋሉ, በከፊል የመታወቂያዎች መምቻዎች ምን ያህል ናቸው. እንደ እውነቱ ከሆነ, ሁለቱንም ልትጠቀም ትችላለህ እና የመታወቂያ እና የክፍል ፈረቃም ሁለቱንም መከፋፈል ትችላለህ.
ከ <ክፍል> መቼ ጥቅም ላይ እንደዋለኤን ኤፍ ኤፍ ከኤች.ቲ.ኤም 5 ክፍል አካል የተለየ ነው ምክንያቱም ተያያዥ ይዘትን የትኛውንም የፍቺ ፍቺ አይሰጥም. የይዘት ማገድ ጥምር ወይም ክፍል መሆን አለመሆኑን እርግጠኛ ካልሆኑ የአባል እና የይዘቱ ዓላማ ምን መጠቀም እንዳለበት ያስቡበት.
- በዚያ የገጹ አካባቢ ላይ ቅጦች ለመጨመር በቀላሉ ኤለዱን ፈልገው ከፈለጉ, የ div ክፍሉን መጠቀም አለብዎት.
- ይዘቱ እንዲካተት ከተፈለገ የተለየ ትኩረት ያለው እና በራሱ ብቻ ሊቆም የሚችል ከሆነ የአካል ክፍሎችን መጠቀም ይፈልጉ ይሆናል.
በመጨረሻም, ሁለቱም መለጠሮች እና ክፍሎች ተመሳሳይነት አላቸው, እና ለሁለቱም እሴት ባህሪዎችን እና በሲ.ኤስ. ውስጥ ቅጦዎን እንዲሰጧቸው የሚፈልጉትን ጣቢያዎን ለመመልከት ይችላሉ. እነዚህ ሁለቱም የንዑስ ደረጃ አባሎች ናቸው.
Element በመጠቀም
ዘለሉ አባል በነባሪ መስመር ውስጥ ያለ መስመር ነው. ይሄ ከቁፍ እና ክፍሎች ክፍሎች ይለያል. የሽልማት አባላቱ ብዙውን ጊዜ የሚለቀቁትን "ማያያዣ" (ግልባጭ) ለመጨመር የተወሰነውን የይዘት ይዘት ለመጠቅለል ያገለግላል. በሲኤስኤል ውስጥ ጥቅም ላይ የዋለ የጽሑፍ ጽሁፍን ቅጥ መቀየር ይችላል. ሆኖም, ምንም አይነት የቅጥ አይነታዎች, የፔርለሉ ክፍል ብቻ በፅሁፍ ላይ ተፅዕኖ አይኖረውም.
በ span እና በ div ክፍሎች መካከል ዋነኛው ልዩነት ነው. ከላይ እንደተጠቀሰው, የኤል ኤለ አንቀጽ የአቀፍ መግቻን ያካትታል ነገር ግን የሽፋን አባልው
የተደወለ ጽሁፍ እና ያልተደገፈ ጽሁፍ.
በ CSS (ለምሳሌ, class = "highlight">) ጽሁፉን ለመቀርጽ ክፍል = "ማድመቅ" ወይም ሌላ ክፍልን ከሴክዩል ክፍል ጋር ያክሉ.
የሽልፊፉ ክፍል አስፈላጊዎቹ ባህርያት የሉትም, ነገር ግን በጣም ጠቃሚ የሆኑት ሦስቱ የ
ተመሳሳይ ናቸው
- ቅጥ
- ክፍል
- መታወቂያ
በሰነድ ውስጥ እንደ አዲስ የሰነድ ደረጃ ኤለመንት ውስጥ ምንም ይዘት ሳያደርጉ የይዘቱን ቅፅ ለመምረጥ ሲፈልጉ ጊዜን ይጠቀሙ.
ለምሳሌ, የ h3 ርእስ ሁለተኛው ቃል ቀለም እንዲሆን ከፈለጉ, ያንን ቃል እንደ ቀይ ጽሁፍ እንዲሆን የሚያደርገው በፓርላማ ክፍል ውስጥ ነው. ቃሉ አሁንም የ h3 አባል አካል ሆኖ ይቀራል, አሁን ግን በቀይ ቀለም ይታያል:
ይሄ የእኔ አስደናቂ አርዕስት ነው
በጃይሚ ጋራርድ የተስተካከለው በ 2/2/17