CSS માં ઇનલાઇન સ્ટાઇલની લાભો અને ખામીઓ

CSS, અથવા કેસ્કેડીંગ સ્ટાઇલ શીટ્સ, જે એક વેબસાઇટ પર દ્રશ્ય દેખાવને લાગુ કરવા આધુનિક વેબસાઇટ ડિઝાઇનમાં વપરાય છે. જ્યારે HTML પૃષ્ઠનું માળખું બનાવે છે અને Javascript વર્તણૂક હેન્ડલ કરી શકે છે, વેબસાઇટનું દેખાવ અને લાગણી એ CSS નું ડોમેઈન છે. જ્યારે તે આ શૈલીઓ પર આવે છે, ત્યારે તેઓ મોટાભાગે બાહ્ય સ્ટાઇલ શીટ્સનો ઉપયોગ કરીને લાગુ થાય છે, પરંતુ તમે "ઇનલાઇન શૈલીઓ" તરીકે ઓળખાય છે તે ઉપયોગ કરીને એક, વિશિષ્ટ તત્વમાં CSS શૈલીઓ પણ લાગુ કરી શકો છો.

ઇનલાઇન શૈલીઓ CSS શૈલીઓ છે જે સીધા પૃષ્ઠના HTML માં લાગુ થાય છે. આ અભિગમ માટે બંને ફાયદા અને ગેરફાયદા છે. પ્રથમ, ચાલો જોઈએ કે કેવી રીતે આ શૈલીઓ લખવામાં આવે છે.

કેવી રીતે ઇનલાઇન પ્રકાર લખવા

એક ઇનલાઇન CSS શૈલી બનાવવા માટે, તમે તમારી સ્ટાઇલ શીટમાં તમારી શૈલીની શૈલી લખીને શરૂ કરો છો, પરંતુ તે બધા એક લીટીની જરૂર છે. એક અર્ધવિરામ સાથે બહુવિધ ગુણધર્મો અલગ કરો જેમ તમે શૈલી શીટમાં છો

પૃષ્ઠભૂમિ: # સીસીસી; રંગ: #fff; સરહદ: નક્કર કાળા 1 પીએક્સ;

તત્વની શૈલીની શૈલીમાં સ્ટાઇલની તે રેખા મૂકો જે તમે રીતની કરવા માંગો છો. ઉદાહરણ તરીકે, જો તમે આ શૈલીને તમારા એચટીએમએલમાં ફકરોમાં લાગુ કરવા માંગતા હો, તો તે ઘટક આના જેવું દેખાશે:

આ ઉદાહરણમાં, આ ચોક્કસ ફકરો હળવા ગ્રે બેકગ્રાઉન્ડ (જે # સીસીસી રેન્ડર કરશે તે), બ્લેક ટેક્સ્ટ (# 000 રંગમાંથી), અને ફકરાના તમામ ચાર બાજુઓની આસપાસ 1-પિક્સેલ ઘન કાળા સરહદ સાથે દેખાશે. .

ઇનલાઇન સ્ટાઇલના ફાયદા

કેસ્કેડીંગ સ્ટાઇલ શીટ ઇનલાઇન શૈલીઓના કાસ્કેડને કારણે દસ્તાવેજમાં ઉચ્ચતમ પ્રાધાન્ય અથવા વિશિષ્ટતા છે. આનો અર્થ એ કે તેઓ તમારી બાહ્ય સ્ટાઈલશીટમાં કોઈ પણ બાબતને અસર કરે છે તે કોઈ પણ બાબતમાં લાગુ થવાનો છે, (એક અપવાદ હોવા છતાં તે કોઈપણ શૈલી છે જે આપવામાં આવે છે! મહત્વની ઘોષણા કે શીટ, પરંતુ તે કંઈક છે જે ઉત્પાદન સાઇટ્સમાં થવું જોઈએ જો તે ટાળી શકાય છે).

એકમાત્ર શૈલીઓ કે જે ઇનલાઇન શૈલીઓ કરતા વધારે પ્રાધાન્યતા ધરાવે છે તે વાચકો દ્વારા પોતે જ લાગુ પડે છે. જો તમને તમારા ફેરફારો લાગુ કરવા માટે સમસ્યા આવી રહી છે, તો તમે તત્વ પર એક ઇનલાઇન શૈલી સેટ કરવાનો પ્રયાસ કરી શકો છો. જો તમે શૈલીઓ હજુ પણ એક ઇનલાઇન શૈલીનો ઉપયોગ કરીને પ્રદર્શિત કરતા નથી, તો તમે જાણો છો કે કંઈક બીજું ચાલી રહ્યું છે.

ઇનલાઇન શૈલીઓ ઉમેરવા માટે સરળ અને ઝડપી છે અને તમારે યોગ્ય CSS પસંદગીકાર લખવા વિશે ચિંતા કરવાની જરૂર નથી કારણ કે તમે શૈલીને તમે બદલવા માંગો છો તે શૈલીઓ સીધી ઉમેરી રહ્યા છે (તે તત્વ આવશ્યકપણે તમે બાહ્ય સ્ટાઇલ શીટ ). તમારે સંપૂર્ણ દસ્તાવેજ (બાહ્ય સ્ટાઇલ શીટ સાથે) બનાવવાની જરૂર નથી અથવા તમારા દસ્તાવેજના વડા (નવું આંતરિક શીટની સાથે) માં નવું તત્વ સંપાદિત કરવાની જરૂર નથી. તમે ફક્ત શૈલી એટ્રીબ્યુટ ઉમેરો છો જે લગભગ દરેક HTML ઘટક પર માન્ય છે. આ તમામ કારણો છે કે શા માટે તમે ઇનલાઇન શૈલીનો ઉપયોગ કરવા લલચાવી શકો છો, પણ આ અભિગમના કેટલાક ખૂબ નોંધપાત્ર ગેરલાભો વિશે તમારે પણ જાણવું જોઈએ.

ઇનલાઇન સ્ટાઇલના ગેરફાયદા

કારણ કે ઇનલાઇન શૈલીઓ તેઓ કાસ્કેડમાં સૌથી વધુ વિશિષ્ટ છે, તેઓ જે વસ્તુઓનો તમે તેમને ઇરાદો નથી તેની ઉપરની સવારી કરી શકો છો. તેઓ CSS ના સૌથી શક્તિશાળી પાસાઓમાંથી એકને પણ નકારી કાઢે છે - શૈલીના ઘણાં અને વેબ પૃષ્ઠોને એક કેન્દ્રીય CSS ફાઇલમાંથી સક્ષમ બનાવવા માટે ભવિષ્યમાં અપડેટ્સ અને શૈલીના ફેરફારોને મેનેજ કરવા માટે વધુ સરળ બનાવે છે.

જો તમને ફક્ત ઇનલાઇન શૈલીઓનો ઉપયોગ કરવો પડ્યો હોત તો તમારા દસ્તાવેજો ઝડપથી ફૂલેલા બનશે અને જાળવવા માટે ખૂબ જ મુશ્કેલ હશે. આનું કારણ એ છે કે ઇનલાઇન શૈલીઓ દરેક ઘટક પર લાગુ કરવા આવશ્યક છે જે તમે તેમને કરવા માંગો છો. તેથી જો તમે ઇચ્છો કે તમારા બધા ફકરાઓને ફોન્ટ પરિવાર "એરિયલ" હોય, તો તમારે તમારા દસ્તાવેજમાં દરેક

ટેગમાં એક ઇનલાઇન શૈલી ઉમેરવી પડશે. આ રીડર માટે ડિઝાઇનર અને ડાઉનલોડ સમય માટે બંને જાળવણી કાર્યને ઉમેરે છે, કારણ કે તમને તે ફોન્ટ-ફેમિલીને બદલવા માટે તમારી સાઇટના દરેક પૃષ્ઠ પર આ બદલવાની જરૂર પડશે. વૈકલ્પિક રૂપે, જો તમે અલગ સ્ટાઇલશીટનો ઉપયોગ કરો છો, તો તમે તેને એક સ્થાને બદલી શકો છો અને તે દરેક પૃષ્ઠને તે અપડેટ પ્રાપ્ત કરી શકો છો.

પ્રમાણિકપણે, આ વેબ ડીઝાઇનમાં પછાત પગલું છે - ટેગના દિવસો પાછા!