શું સીએસએસ માં મહત્વનું છે?

! મહત્વનું ફોર્સિસ અ ચેન્જ ઇન ધ કાસ્કેડ

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

જો તમે આ પ્રથાને અજમાવી જુઓ અને કોઈ સાઇટની કેસ્કેડીંગ સ્ટાઇલ શીટ્સ (સીએસએસ) જુઓ, તો તમે તે કોડમાં જોઈ શકો છો તે એક લીટી છે જે મહત્વપૂર્ણ છે!

તેનો અર્થ શું છે અને, એ જ મહત્ત્વની બાબત છે કે, તમે તમારી સ્ટાઇલ શીટમાં તે ઘોષણાને યોગ્ય રીતે કેવી રીતે ઉપયોગ કરો છો?

CSS ની કાસ્કેડ

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

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

ઉદાહરણ તરીકે, ચાલો કલ્પના કરીએ કે નીચેની શૈલીઓ શૈલી શીટમાં સમાયેલી છે. પેરાગ્રાફ ટેક્સ્ટનો કાળા રંગમાં પ્રસ્તુત કરવામાં આવશે, ભલે પહેલી સ્ટાઇલ પ્રોપર્ટી પ્રોસેસ લાલ હોય.

આનું કારણ છે કે "કાળા" મૂલ્ય બીજા ક્રમાંકિત છે સીએસએસ ટોચ-થી-નીચે વાંચ્યું હોવાથી, અંતિમ શૈલી "કાળો" છે અને તેથી તે જીતે છે.

પી {રંગ: લાલ; }
પી {રંગ: કાળો; }

અગત્યનું, પ્રાયોરિટીમાં ફેરફાર

હવે તમે સમજો છો કે આ લગભગ સમાન નિયમો CSS દ્વારા પ્રક્રિયા કરવામાં આવે છે, અમે કેવી રીતે! મહત્વપૂર્ણ નિર્ણયોને થોડી વસ્તુઓમાં ફેરફાર કરી શકો છો.

અગત્યનું ડાઈરેક્ટીવ તે રીતને અસર કરે છે કે જેમાં તમારા સીએસએસ કેસ્કેડ નિયમોને અનુસરતા હોય છે જ્યારે તમને લાગે છે કે તે અત્યંત નિર્ણાયક છે અને લાગુ પાડવામાં આવે છે. એક નિયમ છે જે! મહત્વનું ડાઈરેક્ટીવ હંમેશા લાગુ પડે છે, ભલે તે નિયમ સીએસએસ દસ્તાવેજમાં દેખાય નહી.

ફકરો લખાણ હંમેશા લાલ બનાવવા માટે, ઉપરના ઉદાહરણમાંથી, તમે ઉપયોગ કરશો:

પી {રંગ: લાલ! મહત્વપૂર્ણ; }
પી {રંગ: કાળો; }

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

જો તમને ફકરોને લાલ દેખાય છે, તો આ શૈલી તે કરી શકે છે, પરંતુ તેનો અર્થ એ નથી કે આ એક સારું પ્રથા છે જ્યારે તમે ઉપયોગ કરવા માગો ત્યારે આગળ ચાલો જોઈએ! મહત્વપૂર્ણ અને જ્યારે તે યોગ્ય નથી

જ્યારે ઉપયોગ કરવો!

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

જો ઉમેરી રહ્યા છે! અગત્યનું ખરેખર શૈલી સમસ્યાને ઠીક કરતું નથી, તમે હમણાં જ નક્કી કર્યું છે કે તે ચોક્કસતા મુદ્દો છે. જો કે, તમે તે છોડવા નથી માગતા! મહત્વપૂર્ણ કોડને સ્થાનાંતરિત, તે માત્ર પરીક્ષણ હેતુઓ માટે જ મૂકવામાં આવ્યું હતું.

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

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

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

આવા કિસ્સાઓમાં, આ અભિગમને શક્ય તેટલી સંક્ષિપ્તમાં ઉપયોગ કરો અને તેની જગ્યાએ સ્વચ્છ શૈલી શીટ્સ લખવા માટે પ્રયત્ન કરો કે જે કાસ્કેડ સમજે છે.

વપરાશકર્તા પ્રકાર શીટ્સ

એક અંતિમ નિબંધ છે! મહત્વનું નિર્દેશ જે સમજવા માટે જરૂરી છે. વેબ પેજ વપરાશકર્તાઓને સ્ટાઇલશીટ્સ સાથે સામનો કરવામાં મદદ કરવા માટે પૃષ્ઠો મુશ્કેલ બનાવે છે કે જે તેમને વાપરવા અથવા વાંચવા માટે મુશ્કેલ બનાવે છે.

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

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

જેરેમી ગીરર્ડ દ્વારા સંપાદિત