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

બાહ્ય સ્ટાઇલ શીટ્સના લાભો અને ગેરલાભો

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

બાહ્ય સ્ટાઇલ શીટ્સના ફાયદા

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

બાહ્ય સ્ટાઇલ શીટ્સના ગેરફાયદા

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

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

સ્તર સ્ટાઇલ શીટ્સને દસ્તાવેજ કરવા માટે સમાન શૈલી સાથે બાહ્ય સ્ટાઇલ શીટ બનાવવામાં આવે છે. જો કે, તમારે બધાને શામેલ કરવાની જરૂર છે પસંદગીકાર અને ઘોષણા. દસ્તાવેજ-સ્તર શૈલી પત્રકની જેમ જ, નિયમ માટે વાક્યરચના છે:

આ નિયમો એક્સ્ટેંશન .css સાથે ટેક્સ્ટ ફાઇલમાં સાચવો. આ જરૂરી નથી, પરંતુ તેમાં પ્રવેશવાની સારી આદત છે, તેથી તમે તરત જ તમારી સ્ટાઈલશીટને ડિરેક્ટરી લિસ્ટિંગમાં ઓળખી શકો છો.

એકવાર તમારી પાસે શૈલી શીટ દસ્તાવેજ છે, તમારે તેને તમારા વેબ પૃષ્ઠો સાથે લિંક કરવાની જરૂર છે આ બે રીતે કરી શકાય છે:

1. લિંક
   1. શૈલી પત્રકને લિંક કરવા માટે, તમે HTML ટૅગનો ઉપયોગ કરો છો. આ લક્ષણો rel , type , અને href છે . રીલેટેડ એટ્રીબ્યુટ જણાવે છે કે તમે કઈ લિંક કરી રહ્યાં છો (આ કિસ્સામાં સ્ટાઇલશીટ), પ્રકાર બ્રાઉઝર માટે MIME-type વ્યાખ્યાયિત કરે છે, અને href એ .css ફાઇલનું પાથ છે.
2. આયાત કરી રહ્યું છે
   1. તમે ડોક્યુમેન્ટ સ્તરે સ્ટાઈલશીટમાં આયાત કરેલા સ્ટાઇલ શીટનો ઉપયોગ કરશો જેથી કોઈ બાહ્ય સ્ટાઇલ શીટની વિશેષતાઓને આયાત કરી શકો, જ્યારે કોઈ પણ ડોક્યુમેંટ વિશિષ્ટતાઓ ગુમાવતા નથી. તમે તેને એક લિંક કરેલી સ્ટાઈલશીટને બોલાવવાના સમાન રૂપે કૉલ કરો છો, માત્ર તે દસ્તાવેજ સ્તરે શૈલી ઘોષણામાં જ કહી શકાય. તમે તમારી વેબ સાઇટ જાળવવાની જરૂર હોવાથી તમે બાહ્ય સ્ટાઇલ શીટ્સ આયાત કરી શકો છો.

જેનિફર કિનાન દ્વારા મૂળ લેખ. 8/8/17 પર જેરેમી ગીરર્ડ દ્વારા સંપાદિત