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