CSS - SOMO LA 7: Kutumia Fonti (Fonts) kwenye CSS

CSS - SOMO LA 7: Kutumia Fonti (Fonts) kwenye CSS

Katika somo hili utajifunza jinsi ya kudhibiti mwonekano wa maandishi kwa kutumia fonti kwenye CSS. Utajifunza jinsi ya kubadilisha aina ya fonti, ukubwa, mtindo, unene, na mpangilio wa maandishi ili yaweze kuonekana kwa mvuto na usomaji bora.

? 1. font-family

Inatumika kuchagua aina ya fonti ya maandishi.

p {
  font-family: Arial, sans-serif;
}

? 2. font-size

Inadhibiti ukubwa wa maandishi.

h1 {
  font-size: 30px;
}

? 3. font-weight

Inaonyesha unene wa maandishi (boldness).

strong {
  font-weight: bold;
}

? 4. font-style

Inatumika kubadilisha mtindo wa maandishi, kwa mfano italiki.

em {
  font-style: italic;
}

Chaguzi:

? 5. line-height

Inadhibiti nafasi kati ya mstari na mstari (msitari mmoja hadi mwingine).

p {
  line-height: 1.6;
}

Inasaidia maandishi yasibane sana au kuwa na nafasi nzuri ya kusomeka.

? 6. text-transform

Inatumika kubadilisha herufi kuwa za juu au ndogo.

p {
  text-transform: uppercase;
}

Chaguzi:

Ingia sasa ili uweze kusoma makala hii yote.

Una swali? Nicheki WhatsApp
Zoezi la Maswali

help_outlineZoezi la Maswali

info Jaza maswali yote au baadhi kisha bofya kitufe cha kutuma majibu hapo chini.
1 Ukitaka kuandika maneno kwa herufi kubwa zote, utatumia ipi?
2 Font-style: italic; inaathiri nini?
3 Property ipi hutumika kuchagua aina ya fonti?
4 Ili kuweka maandishi kuwa bold, unatumia ipi?
5 Katika shorthand ya font, ipi kati ya hizi si lazima?

Nyuma Endelea


Umeionaje Makala hii.. ?

       
Author: Rajabu Rajabu
Tarehe: 2025-06-23 12:10:52 Topic: CSS Main: Masomo File: Download PDF Views: 1012

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 Sira ya Mtume Muhammad (s.a.w)     👉2 ai web app     👉3 web hosting     👉4 Simulizi za Hadithi Audio     👉5 kitabu cha Simulizi     👉6 Tafasiri ya Riyadh Swalihina    

Post zinazofanana:

CSS - SOMO LA 32: Custom Fonts na @font-face

Katika somo hili tutajifunza jinsi ya kutumia fonts za kipekee (custom fonts) katika tovuti kwa kutumia njia mbili kuu: Google Fonts na @font-face. Tutajifunza pia sababu za kutumia fonts maalum, faida zake, na jinsi ya kuzidhibiti kwenye CSS.

Soma Zaidi...
CSS - somo la 5: Njia tano zinazotumika kuweka rangi kwenye css

Katika somo hili utajifunza aina tano za kuweka rangi kw akutumia css

Soma Zaidi...
CSS - SOMO LA 11: Mitindo ya Border (Border Styles)

Katika somo hili, utajifunza jinsi ya kudhibiti mipaka (borders) ya vipengele kwa kutumia CSS. Tutajifunza namna ya kuweka unene wa border, rangi, aina ya mstari, na pia jinsi ya kutumia border kwa upande mmoja tu.

Soma Zaidi...
CSS - SOMO LA 29: CSS z-index na Stacking Context

Katika somo hili tutajifunza kuhusu z-index, ambayo hutumika kudhibiti ni elementi ipi ionekane juu au chini wakati kuna elementi nyingi zinazofunika sehemu moja. Pia tutajifunza kuhusu stacking context, yaani jinsi vivinjari vinavyopanga

Soma Zaidi...
CSS - somo la 34: if() Condition katika CSS

Katika somo hili, tutajifunza kipengele kipya kinachoitwa if() function ndani ya CSS, kilichoanza kupatikana kwenye toleo la Chrome 137. Kipengele hiki kinaturuhusu kuandika mantiki ya masharti moja kwa moja kwenye property ya CSS, bila kutumia JavaScript wala media query zilizotawanyika. Tutajifunza pia aina za queries: media(), supports(), na style() pamoja na matumizi yao ya kivitendo kwenye tovuti. Mwisho, tutaeleza kwa kina kuhusu pointer na any-pointer.

Soma Zaidi...
CSS - SOMO LA 9: Margin na Padding

Katika somo hili utajifunza tofauti kati ya margin na padding, kazi ya kila moja, jinsi ya kuzipima, na jinsi zinavyotumika kudhibiti nafasi ndani na nje ya elementi kwenye ukurasa wa HTML.

Soma Zaidi...