Jinsi ya kutumia XML na CSS

Ikiwa unajua na jinsi ya kurasa za HTML za CSS , utafahamu dhana ya kupangilia. Mwanzoni mwa lugha ya markup ya XML , data ya kuonyesha ilikuwa ngumu sana, lakini ikabadilika kwa karatasi za mtindo.

Kwa kuongeza kumbukumbu ya karatasi, unaweza kuunda na kuonyesha code yako ya XML kama ukurasa wa wavuti. Bila CSS au muundo mwingine, XML inaonekana kama maandishi ya msingi na hitilafu ambayo inasema kwamba kivinjari hakuweza kupata hati ya muundo.

Mfano wa Styling wa XML

Karatasi ya mtindo rahisi inahitaji tu kuorodhesha kipengele na sifa za kupangilia zinazohitajika ili kuonyesha data.

Kitambulisho kidogo hiki kinaelezea mchakato ambao vipengele vinavyoonyesha na jinsi wanapaswa kuangalia kwenye ukurasa wa wavuti, kama hii:

sampuli {background-rangi: #ffffff; upana: 100%;} maelezo yangu {kuonyesha: kuzuia; rangi ya background: # 999999; margin-bottom: 30pt;} mwili {ukubwa wa font: 50%}

Mstari wa kwanza wa faili ya muundo ni kipengele cha mizizi. Tabia za mizizi zinatumika kwa ukurasa wote, lakini unazibadilisha kwa lebo kila. Hii inamaanisha unaweza kuonyesha rangi ya asili kwa ukurasa na tena kwa kila sehemu.

Hifadhi faili hii kwenye saraka sawa na faili yako ya XML, na uhakikishe kuwa ina ugani wa faili ya .CSS.

Unganisha kwenye CSS Kutoka kwa XML

Kwa hatua hii, haya ni nyaraka mbili tofauti. Msindikaji hana wazo kwamba unataka wafanye kazi pamoja ili kuunda ukurasa wa wavuti .

Unaweza kurekebisha hili kwa kuongeza taarifa juu ya waraka wa XML ambao unatambua njia ya faili ya CSS. Taarifa hiyo inakwenda moja kwa moja chini ya taarifa ya awali ya tamko la XML, kama hii:

Katika mfano huu, faili ya CSS inaitwa product.css , ndiyo sababu imeandikwa kama vile katika hati ya XML. Badilisha hiyo kwa jina lolote la faili ulilochagua kwa faili la CSS.