Стилинг КСМЛ документи са ЦСС

Направите свој КСМЛ изглед како желите то са каскадним стилским листовима

Стварање КСМЛ документа, писање ДТД-а и његово паризирање са прегледачем је у реду, али како ће се документ приказати када га погледате? КСМЛ није језик приказа. Заправо, документи написани КСМЛ-ом неће имати никакво обликовање.

Дакле, како да видим свој КСМЛ?

Кључ за преглед КСМЛ-а у прегледачу је Цасцадинг Стиле Схеетс. Стил листе вам омогућавају да дефинишете сваки аспект вашег КСМЛ документа, од величине и боје вашег текста до позадине и положаја ваших не-текстуалних објеката.

Рецимо да имате КСМЛ документ:

]> <фамили> <парент> Јуди <парент> Лаиард <дете> Јеннифер <дете> Брендан

Ако желите да погледате тај документ у прегледачу који је спреман за КСМЛ, као што је Интернет Екплорер, биће приказано нешто слично овоме:

Јуди Лаиард Јеннифер Брендан

Али шта ако желите да се разликујете између родитеља и детета? Или чак направити визуелну разлику између свих елемената у документу. То не можете учинити са КСМЛ-ом, и то није језик који се користи за приказивање.

Али, срећом, лако је користити Цасцадинг Стиле Схеетс , или ЦСС, у КСМЛ документима како бисте дефинисали како желите да се ти документи и апликације приказују када се прегледају у прегледачу. За горе наведени документ можете одредити стил сваке ознаке на исти начин као и ХТМЛ документ.

На пример, у ХТМЛ-у можда ћете желети да дефинишете цео текст унутар ознака пасуса (<п> ) са фонтом Вердана, Женева или Хелветица и зеленом бојом позадине. Да бисте то дефинисали у стилесхеет-у тако да су сви параграфи такви, би сте написали:

п {фонт-фамили: вердана, генева, хелветица; бацкгроунд-цолор: # 00фф00; }

Иста правила раде за КСМЛ документе. Свака ознака у КСМЛ-у може се дефинисати у КСМЛ документу:

породица {цолор: # 000000; } родитељ {фонт-фамили: Ариал Блацк; боја: # фф0000; бордер: солид 5пк; Ширина: 300пк; } дијете {фонт-фамили: вердана, хелветица; боја: # цц0000; бордер: солид 5пк; бордер-цолор: # цц0000; }

Једном када имате КСМЛ документ и написан је стил, требате их спојити. Слично команди везе у ХТМЛ-у, ставите линију на врх вашег КСМЛ документа (испод КСМЛ декларације), говорећи КСМЛ парсеру гдје ћете пронаћи стилски лист. На пример:

Као што сам рекао горе, ова линија би требало пронаћи испод Декларације, али прије било ког елемента у КСМЛ документу.

Све заједно, ваш КСМЛ документ би прочитао:

<парент> Јеннифер <цхилд> Брендан