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;
}
-
Unashauriwa kuandika fonti zaidi ya moja, ya kwanza ikiwa unayoitaka zaidi, nyingine kama backup.
-
Generic families:
serif,sans-serif,monospace,cursive,fantasy
? 2. font-size
Inadhibiti ukubwa wa maandishi.
h1 {
font-size: 30px;
}
-
Unaweza kutumia
px,em,rem,%, n.k. -
Mfano:
font-size: 1.5em;
? 3. font-weight
Inaonyesha unene wa maandishi (boldness).
strong {
font-weight: bold;
}
-
Vingine:
normal,lighter,100hadi900
? 4. font-style
Inatumika kubadilisha mtindo wa maandishi, kwa mfano italiki.
em {
font-style: italic;
}
Chaguzi:
-
normal -
italic -
oblique
? 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:
-
uppercase– herufi kubwa zote -
lowercase– he...
help_outlineZoezi la Maswali
Umeionaje Makala hii.. ?
Share On:
👉1 Madrasa kiganjani 👉2 web hosting 👉3 Sira ya Mtume Muhammad (s.a.w) 👉4 Kitabu cha Afya 👉5 kitabu cha Simulizi 👉6 Dua za Mitume na Manabii
Post zinazofanana:
CSS - somo la 6: Kuweka Background kwenye HTML kwa kutumia CSS
Katika somo hili, utajifunza jinsi ya kudhibiti muonekano wa sehemu ya nyuma (background) ya HTML element kwa kutumia CSS. Utaweza kuongeza rangi, picha, kuweka picha zisirudiwarudiwe, na hata kusogeza picha kwenye maeneo tofauti ya ukurasa.
Soma Zaidi...CSS - SOMO LA 33: CSS Frameworks
Katika somo hili tutajifunza kuhusu CSS frameworks mbalimbali zinazosaidia kuharakisha uundaji wa mitindo kwenye tovuti. Tutazungumzia frameworks maarufu kama W3.CSS, Bootstrap, Google Fonts, na nyinginezo, faida, matumizi, na tofauti zao.
Soma Zaidi...CSS - SOMO LA 31: CSS Filters (blur, brightness, contrast.)
Katika somo hili tutajifunza kuhusu CSS Filters — mitindo inayotumika kuhariri mwonekano wa picha, video, au elementi nyingine kwa kuongeza athari kama blur, brightness, contrast, grayscale, na nyinginezo. Hii huifanya tovuti kuwa ya kisasa, ya kuvutia, na yenye mwingiliano mzuri.
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 19: Pseudo-classes na Pseudo-elements
Katika somo hili, utajifunza kuhusu pseudo-classes kama :hover, :first-child, na :last-child, pamoja na pseudo-elements kama ::before, ::after, na ::selection. Hizi husaidia kubadili au kuongeza mitindo maalum kulingana na hali ya elementi au sehemu maalum ya elementi.
Soma Zaidi...CSS - SOMO LA 18: Grid Layout
Katika somo hili, utajifunza misingi ya CSS Grid Layout, mfumo wenye nguvu wa kupanga vipengele katika safu (rows) na nguzo (columns). Tutachambua display: grid, pamoja na grid-template-columns, grid-template-rows, gap, grid-column, na grid-row.
Soma Zaidi...