የይዘት ማርኬቲንግ

ብሎገር፡ የCSS ስታይል በብሎግዎ ላይ ላለ ኮድ

አንድ ጓደኛዬ በብሎገር መግቢያ ላይ የኮድ ክልሎችን እንዴት እንደሰራሁ ጠየቀኝ። በብሎገር አብነት ውስጥ ለCSS የቅጥ መለያን ተጠቅሜ ነው ያደረኩት። የጨመርኩት እነሆ፡-

p.code {
    font-family: Courier New;
    font-size: 8pt;
    border-style: inset;
    border-width: 3px;
    padding: 5px;
    background-color: #FFFFFF;
    line-height: 100%;
    margin: 10px;
}
  1. p.codeኤችቲኤምኤልን የሚያነጣጥር የCSS ደንብ ነው። <p> የክፍል ስም ያላቸው ክፍሎች "ኮድ" ይህ ማለት ከዚህ ክፍል ጋር ያለው ማንኛውም አንቀጽ በሚከተሉት ባህሪያት መሰረት ይዘጋጃል ማለት ነው.
  2. font-family: Courier New;ይህ ንብረት የቅርጸ ቁምፊውን ቤተሰብ ወደ “ኩሪየር አዲስ” ያዘጋጃል። በታለመላቸው አካላት ውስጥ ለጽሑፉ ጥቅም ላይ የሚውለውን ቅርጸ-ቁምፊ ይገልጻል።
  3. font-size: 8pt;ይህ ንብረት የቅርጸ ቁምፊውን መጠን ወደ 8 ነጥብ ያዘጋጃል። በታለሙ አካላት ውስጥ ያለው ጽሑፍ በዚህ የቅርጸ-ቁምፊ መጠን ይታያል።
  4. border-style: inset;ይህ ንብረት የድንበሩን ዘይቤ ወደ “ማስገባት” ያዘጋጃል። በታለሙት ንጥረ ነገሮች ዙሪያ ለድንበሩ የሰመጠ ወይም የተጫነ መልክ ይፈጥራል።
  5. border-width: 3px;ይህ ንብረት የድንበሩን ስፋት ወደ 3 ፒክሰሎች ያዘጋጃል። በንጥረ ነገሮች ዙሪያ ያለው ድንበር 3 ፒክስል ውፍረት ይኖረዋል።
  6. padding: 5px;ይህ ንብረት በታለመላቸው ንጥረ ነገሮች ውስጥ ባለው ይዘት ዙሪያ 5 ፒክሰሎች ንጣፍ ያክላል። በጽሑፉ እና በድንበሩ መካከል ያለውን ክፍተት ያቀርባል.
  7. background-color: #FFFFFF;ይህ ንብረት የበስተጀርባውን ቀለም ወደ ነጭ ያዘጋጃል (#FFFFFF)። በታለሙት አካላት ውስጥ ያለው ይዘት ነጭ ዳራ ይኖረዋል።
  8. line-height: 100%;ይህ ንብረት የመስመሩን ቁመት 100% የቅርጸ ቁምፊ መጠን ያዘጋጃል። የጽሑፍ መስመሮቹ በቅርጸ ቁምፊው መጠን መከፋፈላቸውን ያረጋግጣል.
  9. margin: 10px;ይህ ንብረት በጠቅላላው ኤለመንት ዙሪያ የ10 ፒክሰሎች ህዳግ ይጨምራል። በዚህ ኤለመንት እና በገጹ ላይ ባሉ ሌሎች አካላት መካከል ክፍተት ይሰጣል።

የቀረበው የCSS ኮድ ለኤችቲኤምኤል አንቀጾች ከክፍል “ኮድ” ጋር ያለውን ዘይቤ ይገልጻል። ለእነዚህ አንቀጾች ቅርጸ-ቁምፊውን፣ የቅርጸ-ቁምፊውን መጠን፣ የድንበር ዘይቤን፣ የድንበር ስፋትን፣ ንጣፍን፣ የበስተጀርባ ቀለምን፣ የመስመር ቁመትን እና ህዳግን ያዘጋጃል። ይህ ዘይቤ ለየት ያለ መልክ እንዲኖራቸው ለማድረግ በኮድ ቅንጣቢዎች ወይም በብሎገር ልጥፍ ውስጥ ቀድሞ በተቀረጸ ጽሑፍ ላይ ሊተገበር ይችላል።

እንዴት እንደሚመስል እነሆ፡-

p.code {
ፎንት-ቤተሰብ፡ ኩሪየር አዲስ;
የቅርጸ-ቁምፊ መጠን: 8pt;
ድንበር-ቅጥ: ማስገቢያ;
የድንበር-ስፋት: 3 ፒክስል;
መጋረጃ: 5px;
ዳራ-ቀለም: #FFFFFF;
የመስመር-ቁመት: 100%;
ህዳግ: 10 ፒክስል;
}

መልካም ኮዴክ!

Douglas Karr

Douglas Karr CMO ነው። ግንዛቤዎችን ይክፈቱ እና መስራች Martech Zone. ዳግላስ በደርዘኖች የሚቆጠሩ ስኬታማ የማርቴክ ጅምሮችን ረድቷል፣ በማርቴክ ግዥዎች እና ኢንቨስትመንቶች ከ$5 ቢሊዮን በላይ ተገቢውን ትጋት በማግኘቱ እና ኩባንያዎች የሽያጭ እና የግብይት ስልቶቻቸውን እንዲተገብሩ እና በራስ ሰር እንዲሰሩ ማገዙን ቀጥሏል። ዳግላስ በአለም አቀፍ ደረጃ እውቅና ያለው ዲጂታል ለውጥ እና የማርቴክ ባለሙያ እና ተናጋሪ ነው። ዳግላስ የዱሚ መመሪያ እና የንግድ ሥራ አመራር መጽሐፍ የታተመ ደራሲ ነው።

ተዛማጅ ርዕሶች

ወደ ላይኛው አዝራር ተመለስ
ገጠመ

ማስታወቂያ እገዳ ተገኝቷል

Martech Zone ይህንን ይዘት ያለ ምንም ወጪ ሊያቀርብልዎ ይችላል ምክንያቱም ገጻችንን በማስታወቂያ ገቢ፣ በተዛማጅ ማገናኛ እና በስፖንሰርነት ገቢ ስለምንፈጥር ነው። ጣቢያችንን ሲመለከቱ የማስታወቂያ ማገጃውን ቢያነሱት እናደንቃለን።