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