Вэб хуудсан дээрх Фонтыг CSS хэрхэн ашиглах вэ?

FONT элемент HTML 4-ийн хувьд хуучирсан бөгөөд HTML5 тодорхойлолтуудын нэг хэсэг биш юм. Тиймээс, хэрэв та вэб хуудсууддаа фонтыг өөрчлөхийг хүсвэл CSS (Cascading Style Sheets ) дээр үүнийг хэрхэн хийхийг сурах хэрэгтэй.

CSS-тай фонтыг өөрчлөх алхмууд

  1. HTML текст засварлагч ашиглан вэб хуудас нээх. Энэ нь шинэ эсвэл одоо байгаа хуудас байж болно.
  2. Текстийг Arial дээр бичнэ үү
  3. SPAN элементтэй текстийг хүрээлэх: Энэ текст нь Arial-д байдаг
  4. Атрибутын style = "" span span рүү нэмнэ: Энэ текст нь Arial-д байна
  5. Загварын шинж чанар доторх фонтын бүлгийн хэв маягийг ашиглан үсгийн маягаа өөрчилнө: Энэ текст нь Arial-д байдаг

CSS ашиглан үсгийн маяг засах зөвлөмжүүд

  1. Дараах коммандаар олон фонтын сонголтыг тусгаарлана (,). Жишээлбэл,
    1. font-family: Arial, Geneva, Helvetica, sans-serif;
    2. Фонт нь үсгийн фонтуудын жагсаалтанд хамгийн багадаа хоёр фонт байх нь хамгийн сайн арга юм. Хэрэв хөтөч нь эхний фонт байхгүй бол хоёр дахь нь хэрэглэж болно.
  2. Хагас колонтой CSS загвар бүрийг үргэлж төгсгөл болгоно (;). Зөвхөн нэг стильтэй бол энэ нь шаардлагагүй, гэхдээ энэ нь ороход тохиромжтой зуршил юм.
  3. Энэ жишээ нь inline загварыг ашигладаг, гэхдээ хамгийн сайн загвар нь гадаад элементийн хуудсан дээр тавьдаг бөгөөд ингэснээр та зөвхөн нэг элементээс илүү нөлөөлж чадна. Та текстийн блокууд дээр стилийг тохируулж болно. Жишээлбэл:
    1. class = "arial"> Энэ текст Arial-д байдаг
    2. CSS ашиглах нь:
    3. .arial {font-family: Arial; }