જો તમે CSS શૈલીઓ HTML પૃષ્ઠો સાથે કેવી રીતે પરિચિત છો, તો તમે ફોર્મેટિંગની વિભાવનાની પ્રશંસા કરશો. XML માર્કઅપ લેંગ્વેજની શરૂઆતમાં, ડેટા પ્રદર્શિત કરવું થોડું જટિલ હતું, પરંતુ તે સ્ટાઇલ શીટ્સ સાથે બદલાયું.
સ્ટાઇલ શીટ સંદર્ભ ઉમેરીને, તમે તમારા XML કોડને વેબ પૃષ્ઠ તરીકે ફોર્મેટ અને પ્રદર્શિત કરી શકો છો. CSS અથવા કોઈ અન્ય ફોર્મેટિંગ વિના, XML ભૂલ સાથે મૂળભૂત ટેક્સ્ટ તરીકે દેખાય છે જે જણાવે છે કે બ્રાઉઝર ફોર્મેટિંગ દસ્તાવેજને શોધી શક્યું નથી.
XML સ્ટાઇલ ઉદાહરણ
એક સરળ સ્ટાઇલ શીટ માટે જ જરૂરી છે કે તમે ડેટા પ્રદર્શિત કરવા માટે જરૂરી તત્વ અને ફોર્મેટિંગ વિશેષતાઓની સૂચિબદ્ધ કરો.
કોડનો આ બીટ પ્રોસેસરને દર્શાવે છે કે કઈ ઘટકો પ્રદર્શિત થાય છે અને વેબ પેજ પર કેવી રીતે જોવું જોઈએ તે આ પ્રમાણે છે:
નમૂના {બેકગ્રાઉન્ડ રંગ: #ffffff; પહોળાઈ: 100%;} mymessage {પ્રદર્શન: બ્લોક; બેકગ્રાઉન્ડ રંગ: # 999999; હાંસિયો તળિયે: 30pt;} શરીર {ફોન્ટ કદ: 50%}ફોર્મેટિંગ ફાઇલની પ્રથમ રેખા રૂટ તત્વ છે. રૂટ માટેના લક્ષણો સમગ્ર પૃષ્ઠ પર લાગુ થાય છે, પરંતુ તમે તેને દરેક ટૅગ માટે બદલો છો. આનો અર્થ એ છે કે તમે દરેક વિભાગ માટે પૃષ્ઠ માટે પૃષ્ઠભૂમિ રંગ અને પછી ફરી રચના કરી શકો છો.
આ ફાઇલને તમારી XML ફાઇલની જેમ જ ડિરેક્ટરીમાં સાચવો અને ખાતરી કરો કે તેની પાસે. CSS ફાઇલ એક્સ્ટેંશન છે.
XML થી CSS ને લિંક કરો
આ બિંદુએ, આ બે સંપૂર્ણપણે અલગ દસ્તાવેજો છે. પ્રોસેસરને કોઈ વિચાર નથી કે તમે વેબ પેજ બનાવવા માટે તેમને મળીને કામ કરવા માગો છો.
તમે XML દસ્તાવેજની ટોચ પર એક નિવેદન ઉમેરીને તેને ઠીક કરી શકો છો જે CSS ફાઇલના પાથને ઓળખે છે. આ નિવેદન પ્રારંભિક XML ઘોષણા નિવેદન હેઠળ સીધું જ આવે છે, આના જેવું:
આ ઉદાહરણમાં, CSS ફાઇલને products.css કહેવામાં આવે છે, તેથી તે XML દસ્તાવેજમાં લેબલ થયેલ છે. તમે સીએસએસ ફાઇલ માટે જે ફાઇલ નામ પસંદ કર્યું છે તે બદલ બદલો.