Један проблем који издваја Рицх Рицх Суммари ( РСС - често познат као Реал Симпле Синдицатион) је стил или недостатак. Остављене без икаквог обликовања, информације представљене на РСС фееду су ништа осим необрађених података. Изгледа као рачунарски испис или текстуална датотека. Још увек је функционалан и пружа све информације које читаоцу треба да конзумирају садржај, али изгледа блиставо.
Питање је да ли можете да дате информације о вашој веб страници или блогу на фееду који је визуелно пријатан и атрактиван? Одговор је ДА. Постоји неколико начина да се то уради, али најједноставније је повезивање ЦСС датотеке са вашим КСМЛ документом.
Шта је ЦСС?
Каскадни стил листови (ЦСС) су један од начина за форматирање документа. Предност ЦСС-а је то што узима упутства за презентацију странице и сегментира их. То значи да једна ЦСС страница може заправо радити за више докумената или веб страница. Већ сам покривао додавање ЦСС-а у КСМЛ. Када радите са КСМЛ датотеком за РСС феед, концепт је исти.
Како додати стил ЦСС у РСС
ЦСС је посебна датотека која даје специфичне инструкције за форматирање процесору. Процесор у секвенци посматра сваку линију у КСМЛ документу. Почиње са декларацијом. Ово идентификује језик датотеке и даје информације, као што је верзија.
Процесор ће се померити до следеће линије у коду. Када повезујете ЦСС са КСМЛ датотеком, ова линија треба да служи као показивач на датотеку за форматирање.
Додавањем ове линије у вашу РСС КСМЛ датотеку, кажете процесору постоји посебна датотека са информацијама. У овом случају, датотека је каскадни стилски стил. Процесор зна да отвори тај фајл и прочита га. Завршена КСМЛ датотека за РСС феед би изгледала овако:
КСМЛ чланци из Лифевире Узбудљиве нове понуде из свијета КСМЛ и Лифевире хттс: //ввв.лифевире.цом/кмл-артицлес-екампле-урл.хтмл Лифевире Будите у току са свим савјетима и триковима у веб дизајну хттпс: // ввв. /Како форматирате и стишите информације које су вам на располагању. Користите ознаке елемента у КСМЛ-у за ЦСС датотеку. На пример:
ставка {дисплаи: блоцк; маргин-боттом: 30пт; маргин-лефт; 0; }