Katika somo hili, utajifunza mbinu mbalimbali za kubadilisha muonekano wa maandishi kwa kutumia CSS, kama vile kupamba maandishi kwa mistari, kivuli, nafasi kati ya herufi, na mpangilio wa maneno.
Baada ya kujifunza jinsi ya kudhibiti fonti kwenye CSS, hatua inayofuata ni kupamba maandishi ili yawe na mvuto na usomaji bora. Upambaji huu hufanywa kwa kutumia properties za CSS kama text-decoration
, text-shadow
, letter-spacing
, word-spacing
, na text-align
. Hizi husaidia kufanya maandishi yaonekane kwa mtindo maalum au wa kipekee.
text-decoration
Inatumika kuweka mistari kwenye maandishi kama vile mstari wa chini, juu, au mstari wa kupitisha kati.
a {
text-decoration: underline;
}
Chaguzi:
none
– Hakuna mistari
underline
– Mistari ya chini ya maandishi
overline
– Mistari ya juu ya maandishi
line-through
– Mistari katikati ya maandishi
text-shadow
Inatumika kuongeza kivuli kwenye maandishi.
h1 {
text-shadow: 2px 2px 5px gray;
}
Format:text-shadow: horizontal vertical blur-radius color;
horizontal
– umbali wa kivuli upande wa kulia au kushoto
vertical
– umbali wa kivuli juu au chini
blur-radius
– kipenyo cha kivuli
color
– rangi ya kivuli
letter-spacing
Hudhibiti nafasi kati ya kila herufi.
p {
letter-spacing: 2px;
}
Thamani hasi hupunguza nafasi
Thamani chanya huongeza nafasi
word-spacing
Hudhibiti nafasi kati ya maneno.
p {
word-spacing: 10px;
}
text-align
Hudhibiti mpangilio wa maandishi katika mstari.
div {
text-align: center;
}
Chaguzi:
left
– Maandishi yanapangwa upande wa kushoto
right
– Maandishi yanapangwa upande wa kulia
Jiunge nasi WhatsApp kupata update zetu Umeionaje Makala hii.. ? Katika somo hili uatkwenda kujifunza aina za css selectors Katika somo hili utajifunza jinsi ya kutumia float ili kupanga elementi upande wa kushoto (left) au kulia (right). Pia utajifunza jinsi ya kutumia clear kuondoa athari za float na kuhakikisha layout yako inabaki thabiti. Somo hili linakuletea ufahamu wa kina juu ya CSS Transitions na Animations, likifafanua vipengele vyake muhimu, matumizi, na namna ya kutumia properties mbalimbali za animation kwa ufanisi katika kurahisisha muonekano na mtumiaji wa tovuti. 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. Katika somo hili utakwenda kujifunza maana ya CSS, pia nitakujulisha kazi zake. Mwisho utatambuwa historia ya CSS toka kuanzishwa. Katika somo hili utakwenda kujifunza sheria za uandish wa css yaani syntax za css 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. Katika somo hili, utajifunza vipimo vinavyotumika kwenye CSS kama vile px, em, rem, %, vw, na vh. Vipimo hivi hutumika kuweka ukubwa wa maandishi, padding, margin, urefu, na upana wa vipengele kwenye tovuti. 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. Katika somo hili utajifunza aina tano za kuweka rangi kw akutumia css
help_outlineZoezi la Maswali
👉1
Sira ya Mtume Muhammad (s.a.w)
👉2
kitabu cha Simulizi
👉3
Bongolite - Game zone - Play free game
👉4
Madrasa kiganjani
👉5
Kitau cha Fiqh
👉6
Simulizi za Hadithi Audio
Post zinazofanana:
CSS - somo la 4: Aina za css selecto
CSS - SOMO LA 15: Float na Clear katika CSS
CSS - SOMO LA 23: Uelewa Zaidi wa CSS Animation na Transition
CSS - SOMO LA 24: CSS Variables (Custom Properties)
CSS - somo la 1: Maana ya CSS, kazi zake na historia yake
CSS - somo la 3: syntax za css yaani sheria za uandishi wa css
CSS - SOMO LA 28: CSS Timing Functions
CSS - SOMO LA 21: CSS Units
CSS - SOMO LA 33: CSS Frameworks
CSS - somo la 5: Njia tano zinazotumika kuweka rangi kwenye css