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 Katika shorthand ya font, ipi kati ya hizi si lazima?
2 Ukitaka kuandika maneno kwa herufi kubwa zote, utatumia ipi?
3 Ili kuweka maandishi kuwa bold, unatumia ipi?
4 Font-style: italic; inaathiri nini?
5 Property ipi hutumika kuchagua aina ya fonti?

Nyuma Endelea


Umeionaje Makala hii.. ?

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

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 Dua za Mitume na Manabii     👉2 Madrasa kiganjani     👉3 Kitabu cha Afya     👉4 Kitau cha Fiqh     👉5 Tafasiri ya Riyadh Swalihina     👉6 Bongolite - Game zone - Play free game    

Post zinazofanana:

CSS - SOMO LA 10: Box Model katika CSS

Katika somo hili utajifunza muundo wa boksi (Box Model) katika CSS. Box model ni mfumo wa msingi wa kupanga vipengele katika ukurasa wa HTML, ukiwa na sehemu kuu nne: content, padding, border, na margin.

Soma Zaidi...
CSS - SOMO LA 13: Display Property

Katika somo hili utajifunza kuhusu property muhimu ya CSS inayoitwa display, ambayo huamua jinsi element inavyoonyeshwa kwenye ukurasa. Tutachambua aina kuu za display: block, inline, inline-block, na none.

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 2: Jinsi ya ku weka code za css kwenye HTML

katika somo hili utajifunza jinsi ya ku install css kwenye ukurasa wa html

Soma Zaidi...
CSS - SOMO LA 26: CSS Specificity (Kipaumbele cha Styles)

Katika somo hili, tutajifunza kuhusu CSS Specificity — yaani mfumo wa kipaumbele unaotumiwa na kivinjari kuchagua ni mtindo (style) upi utumike iwapo kuna migongano kati ya selectors mbalimbali. Utaelewa jinsi ya kupanga selectors zako vizuri ili kuzuia matatizo ya mitindo kutofanya kazi kama ulivyotarajia.

Soma Zaidi...
CSS - SOMO LA 28: CSS Timing Functions

Katika somo hili tutajifunza kuhusu CSS Timing Functions, ambazo hutumika kudhibiti kasi na mtiririko wa transition na animation. Utaelewa tofauti kati ya ease, linear, ease-in, ease-out, ease-in-out, pamoja na jinsi ya kutumia cubic-bezier() kwa kudhibiti mwendo wa mabadiliko kwenye elementi.

Soma Zaidi...