CSS में box model नहीं जानते? सीखकर लाखों कमायें और जियें शानदार जीवन

जब एक web developer किसी वेबफाइल को बनाने का काम करता है, तो उसे box model browser में देखना अवश्य आना चाहिए। मॉडल देखकर डेवलपर स्पष्ट रूप से समझ जाता है, कि उसने जो style वगैरह दी है अपने content पर वह कितनी है और कैसे है। कभी-कभी ऐसा होता है कि कोडिंग करते समय कुछ इधर-उधर हो जाता है, और यह समझ नहीं आता है कि कौन सी style margin कहां लगायी है। Box model देखने पर clearly दिख जाता है कि कितनी border है, कितनी margin है, कितनी padding है।

How to see Box model in browser in hindi:

जिस टैग element या कंटेंट का माडल देखना होता है, वह Html फाइल में बनी होनी चाहिए। उस फाइल को ब्राउजर पर run करायें। जब ब्राउजर पर वह फाइल खुल जाती है, तो right click करके inspect पर क्लिक करें। उसी ब्राउजर पर उस पेज की कोडिंग खुल जाती है। ऊपर inspector सेक्शन में नीचे की तरफ layout दिखता है, जिस में box model ऊपर इमेज की तरह दिखता है। जिस कंटेंट का box model देखना होता है, उस पर cursor ले जाना पड़ता है।