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 Simulizi za Hadithi Audio 👉2 Dua za Mitume na Manabii 👉3 Tafasiri ya Riyadh Swalihina 👉4 web hosting 👉5 Kitau cha Fiqh 👉6 kitabu cha Simulizi
Post zinazofanana:
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...Drone: Nyuki Dume na Majukumu Yake
Simulizi hii inaelezea maisha ya nyuki dume, zinazojulikana kama drone. Inafafanua majukumu yao, maisha yao ya kila siku ndani ya kiwanda cha nyuki, na hatima yao baada ya kufanikisha kuzaliana na kifalme cha nyuki. Simulizi pia inaangazia tofauti zao na nyuki wa kike, na umuhimu wao katika uzazi wa kifalme.
Soma Zaidi...CSS - SOMO LA 20: Media Queries na Responsive Design
Katika somo hili, utajifunza jinsi ya kutumia media queries kwa ajili ya kutengeneza tovuti zinazojibadilisha kulingana na ukubwa wa skrini. Tutazungumzia @media rules, breakpoints, na dhana ya mobile-first design.
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...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 24: CSS Variables (Custom Properties)
Katika somo hili, tutajifunza kuhusu CSS Variables, au Custom Properties. Utajifunza jinsi ya kuunda, kuitumia, na faida za kutumia variables katika CSS ili kuweka msimamizi mzuri wa rangi, ukubwa, na mitindo mingine ya kurudia-rudia.
Soma Zaidi...