picha

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.

Jiunge nasi WhatsApp

? 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.

Ungana nasi WhatsApp
Zoezi la Maswali

help_outlineZoezi la Maswali

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

Nyuma Endelea


Umeionaje Makala hii.. ?

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

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 Sira ya Mtume Muhammad (s.a.w)     👉2 Simulizi za Hadithi Audio     👉3 Madrasa kiganjani     👉4 Kitau cha Fiqh     👉5 Bongolite - Game zone - Play free game     👉6 Tafasiri ya Riyadh Swalihina    

Post zinazofanana:

CSS - SOMO LA 14: Position Property

Katika somo hili utajifunza kuhusu property ya position katika CSS, ambayo hutumika kuamua jinsi element inavyowekwa ndani ya ukurasa. Tutajifunza aina tano kuu za position: static, relative, absolute, fixed, na sticky.

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...
CSS - somo la 4: Aina za css selecto

Katika somo hili uatkwenda kujifunza aina za css selectors

Soma Zaidi...
CSS - SOMO LA 16: Flexbox Basics

Katika somo hili, utajifunza msingi wa mfumo wa Flexbox unaotumika kupanga elementi kwa usahihi ndani ya kontena. Utajifunza kuhusu display: flex;, pamoja na properties muhimu kama justify-content, align-items, flex-direction, na gap.

Soma Zaidi...
CSS - SOMO LA 12: Width, Height, Max/Min Width na Overflow

Katika somo hili, utajifunza jinsi ya kudhibiti upana (width) na urefu (height) wa elementi katika CSS. Pia utaelewa tofauti kati ya max-width, min-width, na jinsi overflow inavyodhibiti tabia ya content inayoizidi element.

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...