Ma tha thu eòlach air mar a tha duilleagan HTML stoidhle CSS , bidh thu a 'cur luach air a' bhun-bheachd air cruthachadh. Nuair a thòisich an cànan comharra XML , bha taisbeanadh dàta beagan trang, ach dh'atharraich sin le duilleagan stoidhle.
Le bhith a 'cur iomradh duilleag stoidhle, faodaidh tu an còd XML agad fhormadh agus a thaisbeanadh mar duilleag-lìn. Às aonais CSS no cruth eile, tha XML a 'nochdadh mar theacsa bunaiteach le mearachd a tha ag ràdh nach fhaigheadh am brabhsair sgrìobhainn cruthachaidh.
Eisimpleir Stoidhle XML
Feumaidh duilleag stoidhle sìmplidh a-mhàin gum bi thu a 'liostadh na h-eileamaid agus na feartan cruthachaidh a tha riatanach gus an dàta a thaisbeanadh.
Tha an còd seo de dh'òran ag innse don phròiseas dè na h-eileamaidean ri fhaicinn agus mar a bu chòir dhaibh coimhead air an duilleag-lìn, mar seo:
sampla {background-color: #ffffff; leud: 100%;} mymessage {taisbeanadh: bloc; cùl-dath: # 999999; bonn na buidhne: 30pt;} corp {font-size: 50%}Is e a 'chiad loidhne den fhaidhle cruthachaidh an eileamaid bunaiteach. Tha na feartan airson a 'bhunait a' buntainn ris an duilleag air fad, ach bidh thu gan atharrachadh airson gach tag. Tha seo a 'ciallachadh gum faod thu an dath cùl-taic airson an duilleag ainmeachadh agus a-rithist airson gach earrann.
Sàbhail am faidhle seo chun an aon eòlaire ris an fhaidhle XML agad, agus dèan cinnteach gu bheil an leudachan faidhle .CSS agad.
Ceangail ris na CSS bhon XML
Aig an ìre seo, tha dà dhuilleag gu tur air leth. Chan eil beachd aig a 'phròiseasar gu bheil thu airson gun obraich iad còmhla gus duilleag-lìn a chruthachadh .
Faodaidh tu seo a rèiteachadh le bhith a 'cur aithris gu mullach an sgrìobhainn XML a tha a' comharrachadh an t-slighe gu faidhle CSS. Tha an aithris a 'dol dìreach fon aithris dearbhaidh XML tùsail, mar seo:
Anns an eisimpleir seo, is e products.css a chanar ris an fhaidhle CSS, is e sin an t-adhbhar a tha e air a lip-sgrìobhadh mar sin ann an sgrìobhainn XML. Atharraich sin a rèir dè an t-ainm faidhle a thagh thu airson faidhle CSS.