Таны блог дээрх кодод зориулсан CSS Style

CSS

Миний нэг найз надаас хамгийн сүүлд блогтоо оруулахдаа кодын мужуудыг хэрхэн яаж хийсэн бэ гэж асуусан. Би код хэв маягийг ашиглан хуурамчаар хийсэн. Blogger дотор та загвараа засах боломжтой. Би дараахь хэв маягийг нэмж оруулав.

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

Дараагийн алхам бол 'Edit Html' горимд миний шошгыг засах явдал юм. Би зүгээр л шошго хийснээр шинэ стилээ зааж байна. Воила! Загварыг задлах:

  • Фонтыг Courier New гэж тохируулаарай ... ерөнхий кодын редактор шиг харагдаж байна
  • Зөв харагдахын тулд үсгийн хэмжээг 8pt болгож тохируулна уу
  • Параграфын хүрээний хэв маягийг 'оруулах' болгож тохируулна уу. Энэ нь текст хуудсыг хуудсан дээр хэрхэн харагдуулж байгааг хуулбарлана.
  • Хүрээний өргөнийг 2 эсвэл 3 пиксел болгоно. Энэ нь оруулгын хилийн хэв маягийг зөв харагдуулна.
  • Padding нь хүрээ ба доторх текст хоорондын зайг тохируулна.
  • Арын өнгө ... цагаан болгож тохируулна уу (#FFFFFF)
  • Шугамын өндөр - Миний блог хөтлөгчийн сэдэв дэх бусад стилүүд миний мөрийн өндрийг 100 орчим хувь болгосон тул би үүнийг 200% болгож тохируулсан.
  • Хөвөөг 10 px болгож тохируулна уу. Энэ нь догол мөрийг (p tag) бүх зүйлээс 10 пикселийн зайд шилжүүлдэг.

Энэ бүх зүйл бас байна! Нэг тэмдэглэл: Blogger-той хамт ирдэг редактор нь таны блог дээр гарч ирэх дүрсийг харуулах боломжгүй байна. Гэхдээ энэ нь ажиллаж, гайхалтай харагдаж байна!

Дахиад нэг тэмдэглэл ... та шошгон дээр засвар хийсний дараа Blogger редактор үүнийг таны бичлэгийн бусад хэсэгт санамсаргүй байдлаар ашиглах дуртай. Энэ нь жаахан ядаргаатай юм! Миний зөвлөгөө бол бичлэгээ бүхэлд нь бичээд дараа нь нэг жижиг засварыг хий.

Нэг төгсгөлийн тэмдэглэл ... HTML тэмдэгтүүдийг ашиглан бэлгэдлээ харуулахаа мартуузай! Хоёр жишээ:

  • Ишлэл (") нь"
  • > байна>
  • > байна>

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

3 санал

  1. 1

    Мэдээний сайтаас мэдээлэл нэмж оруулах боломжтойг мэдээд сонин миний хажуугийн самбар дээр гарч ирэхийг би сонирхож байна уу?

  2. 2
  3. 3

Чи юу гэж бодож байна?

Энэ сайт нь спамыг багасгахын тулд Akismet-ийг ашигладаг. Таны өгөгдлийг хэрхэн боловсруулдаг талаар суралц.