Агуулга маркетинг

Blogger: Таны блог дээрх кодын CSS загвар

Найз маань надаас Blogger-ийн оруулгад кодын бүсүүдийг хэрхэн яаж хийсэн талаар асуусан. Би үүнийг Blogger загвар дээрээ 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: Энэ нь HTML-д чиглэсэн CSS дүрэм юм <p> "код" ангийн нэртэй элементүүд. Энэ ангитай аливаа догол мөрийг дараах шинж чанаруудын дагуу загварчилна гэсэн үг.
  2. font-family: Courier New;: Энэ шинж чанар нь фонтын бүлгийг "Courier New" болгож тохируулдаг. Энэ нь зорилтот элементүүдийн доторх текстэд ашиглах фонтыг зааж өгдөг.
  3. font-size: 8pt;: Энэ шинж чанар нь үсгийн хэмжээг 8 цэг болгон тохируулдаг. Зорилтот элементүүдийн текстийг энэ үсгийн хэмжээгээр харуулах болно.
  4. border-style: inset;: Энэ шинж чанар нь хүрээний хэв маягийг "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 код нь "код" ангитай HTML догол мөрийн хэв маягийг тодорхойлдог. Энэ нь эдгээр догол мөрийн фонт, үсгийн хэмжээ, хүрээний хэв маяг, хүрээний өргөн, дэвсгэр, дэвсгэр өнгө, мөрийн өндөр, захын зай зэргийг тохируулдаг. Энэ хэв маягийг кодын хэсэгчилсэн хэсэг эсвэл Blogger нийтлэл дэх урьдчилан форматласан текстэнд хэрэглэж, тэдгээрийг тодорхой дүр төрхтэй болгож болно.

Энэ нь дараах байдлаар харагдах болно.

p.code {
font-family: Courier New;
үсгийн хэмжээ: 8pt;
хилийн хэв маяг: оруулга;
хилийн өргөн: 3px;
дүүрэн: 5px;
дэвсгэр өнгө: #FFFFFF;
шугамын өндөр: 100%;
маржин: 10 пиксел;
}

Кодлоход баяртай байна!

Douglas Karr

Douglas Karr нь CMO юм OpenINSIGHTS болон үүсгэн байгуулагч Martech Zone. Дуглас олон арван амжилттай MarTech стартапуудад тусалж, Martech-ийн худалдан авалт, хөрөнгө оруулалтад 5 тэрбум гаруй долларын зохих шалгалт хийхэд тусалсан бөгөөд компаниудад борлуулалт, маркетингийн стратегиа хэрэгжүүлэх, автоматжуулахад нь тусалсаар байна. Дуглас бол олон улсад хүлээн зөвшөөрөгдсөн дижитал хувиргалт, MarTech мэргэжилтэн, илтгэгч юм. Дуглас бол Даммигийн гарын авлага, бизнесийн манлайллын номыг хэвлүүлсэн зохиолч юм.

холбоотой зүйл

Дээшээ буцах товч
Хаах

Adblock илэрсэн

Martech Zone Бид зар сурталчилгааны орлого, түншлэлийн холбоос, ивээн тэтгэгчээр дамжуулан сайтаа мөнгөжүүлдэг учраас энэ агуулгыг танд ямар ч үнэгүйгээр өгөх боломжтой. Та манай сайтыг үзэж байхдаа зар хориглогчоо устгавал бид талархах болно.