બાહ્ય સ્ટાઇલશીટ શું છે?

બાહ્ય CSS વ્યાખ્યા અને કેવી રીતે એક લિંક

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

આંતરિક અને ઇન-લાઇન સ્ટાઇલશીટ્સ HTML ફાઇલમાં જ સંગ્રહિત થાય છે. તેઓ ક્ષણમાં સાથે કામ કરવા માટે સરળ હોય છે, પરંતુ કારણ કે તેઓ કેન્દ્રીય સ્થાનમાં સંગ્રહિત નથી, એકસાથે સમગ્ર વેબસાઇટ પર સ્ટાઇલમાં સરળતાથી ફેરફાર કરવા અશક્ય છે; તમારે તેના બદલે દરેક એન્ટ્રીમાં પાછા જવું પડશે અને જાતે જ તેને બદલવું પડશે.

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

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

બાહ્ય સ્ટાઇલ શીટ સાથે કેવી રીતે લિંક કરવી

દરેક વેબ પૃષ્ઠ જે કોઈ વિશેષ બાહ્ય સ્ટાઇલ શીટનો ઉપયોગ કરવા માગે છે તેને વિભાગની અંદરથી CSS ફાઇલથી લિંક કરવાની જરૂર છે, આના જેવી જ:

આ ઉદાહરણમાં, તે તમારા પોતાના ડોક્યુમેન્ટને લાગુ કરવા માટે ફક્ત એક જ વસ્તુની જરૂર છે, તે styles.css ટેક્સ્ટ છે. આ તમારા સીએસએસ ફાઇલનું સ્થાન છે.

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

જો CSS ફાઇલ આ ફોલ્ડરની રુટ પર નથી, પરંતુ તેના બદલે ઉપફોલ્ડરમાં, તે તેના બદલે આના જેવું કંઈક વાંચી શકે છે:

બાહ્ય સીએસએસ ફાઈલો પર વધુ માહિતી

બાહ્ય સ્ટાઇલ શીટ્સનો સૌથી મોટો ફાયદો એ છે કે તેઓ કોઈ ચોક્કસ પૃષ્ઠ સાથે જોડાયેલા નથી. જો સ્ટાઇલ આંતરિક રીતે અથવા ઇન-લાઇન કરવામાં આવે છે, તો વેબસાઇટ પરના અન્ય પૃષ્ઠો તે સ્ટાઇલ પસંદગીઓ પર નિર્દેશ કરી શકતા નથી.

બાહ્ય સ્ટાઇલ સાથે, તેમ છતાં, તે જ સીએસએસ ફાઇલ વેબસાઇટ પર શાબ્દિક રીતે દરેક પૃષ્ઠ માટે ઉપયોગ કરી શકાય છે જેથી તે બધાને સમાન દેખાવ હોય અને સમગ્ર વેબસાઇટની CSS સામગ્રીને સંપાદન અત્યંત સરળ અને કેન્દ્રિત છે.

તમે નીચે કેવી રીતે કામ કરે છે તે જોઈ શકો છો ...

આંતરિક સ્ટાઇલને