Jinsi Dhamana ya CSS Inavyotumika katika Nyaraka za Wavuti

Sehemu muhimu ya kuandika tovuti na CSS ni kuelewa dhana ya urithi.

Urithi wa CSS huelekezwa moja kwa moja na mtindo wa mali inayotumiwa. Unapotazama rangi ya asili ya mtindo, utaona sehemu yenye jina la "Dhamana". Ikiwa umekuwa kama wabunifu wengi wa wavuti, umepuuza sehemu hiyo, lakini inafanya kazi.

Nini Dhamana ya CSS?

Kila kipengele katika hati ya HTML ni sehemu ya mti na kila kipengele isipokuwa kipengele < cha awali kina kipengele cha mzazi ambacho kinaingia. Chochote mitindo hutumiwa kwa kipengele hicho cha mzazi kinaweza kutumika kwa vipengele vyenye ndani yake ikiwa mali nizo zinaweza kurithiwa.

Kwa mfano, msimbo huu wa HTML hapa chini una lebo ya H1 inayojumuisha lebo ya EM:

Hii ni kichwa Big

Kipengele cha EM ni mtoto wa kipengele cha H1, na mitindo yoyote ya H1 ambayo imerithi itapitishwa kwenye maandishi ya EM pia. Kwa mfano:

h1 {font-size: 2m; }

Tangu mali ya ukubwa wa faili imerithi, maandiko ambayo inasema "Big" (ambayo ni yaliyoingizwa ndani ya alama za EM) itakuwa ukubwa sawa na H1. Hii ni kwa sababu inamiliki thamani iliyowekwa katika mali ya CSS.

Jinsi ya kutumia Dhamana CSS

Njia rahisi ya kuitumia ni kujifunza na mali za CSS ambazo hazirithi. Ikiwa mali imerithi, basi unajua kwamba thamani itabaki sawa kwa kila kipengele cha mtoto katika waraka.

Njia bora ya kutumia hii ni kuweka mitindo yako ya msingi kwenye kipengele cha juu sana, kama BODY. Ikiwa unaweka font yako -familia kwenye mali ya mwili, basi, kutokana na urithi, hati nzima itaweka hiyo fomu ya familia. Hii itafanya kwa makabati madogo madogo ambayo ni rahisi kusimamia kwa sababu kuna mitindo ya jumla ya jumla. Kwa mfano:

mwili {font-familia: Arial, sans-serif; }

Tumia Thamani ya Mtindo wa Urithi

Mali yote ya CSS ni pamoja na thamani ya "kurithi" kama chaguo iwezekanavyo. Hii inaelezea kivinjari cha wavuti, kwamba hata kama mali haiwezi kurithiwa, inapaswa kuwa na thamani sawa na mzazi. Ikiwa unaweka mtindo kama vile margin ambayo haijatayarishwa, unaweza kutumia thamani ya urithi kwenye mali zifuatazo kuwapa kiasi sawa na mzazi. Kwa mfano:

mwili {margin: 1m; } p {margin: urithi; }

Urithi hutumia Maadili ya Hesabu

Hii ni muhimu kwa maadili ya urithi kama ukubwa wa font ambao hutumia urefu. Thamani ya hesabu ni thamani ambayo inahusiana na thamani nyingine kwenye ukurasa wa wavuti.

Ikiwa utaweka ukubwa wa font ya kipengee cha kipengee cha kipengee cha BODY, ukurasa wako wote hautakuwa wa kawaida tu katika ukubwa. Hii ni kwa sababu vipengele kama vichwa (H1-H6) na vipengele vingine (baadhi ya browsers kuhesabu mali ya meza tofauti) kuwa ukubwa jamaa katika kivinjari. Kwa kukosekana kwa habari nyingine za ukubwa wa font, kivinjari cha wavuti kitafanya kichwa cha H1 kikubwa zaidi kwenye ukurasa, ikifuatiwa na H2 na kadhalika. Unapoweka kipengele chako cha BOD kwa ukubwa maalum wa font, basi hiyo hutumiwa kama ukubwa "wa kawaida" wa font, na vipengele vya kichwa ni vyema kutoka kwa hilo.

Kumbuka kuhusu Haki na Maliasili

Kuna mitindo kadhaa iliyoorodheshwa haikurithi katika CSS 2 kwenye W3C, lakini vivinjari vya wavuti bado hupata thamani. Kwa mfano, ikiwa umeandika HTML na CSS zifuatazo: