حاشیه‌ها در css :
استفاده از حاشیه‌ها در CSS یک روش مهم برای تنظیم فاصله بین المان‌ها در صفحات وب است. با استفاده از حاشیه‌ها، می‌توانید فاصله بین المان‌ها را تنظیم کرده و طرح بندی صفحه خود را بهبود دهید.
حاشیه‌ها در CSS از دو ویژگی اصلی تشکیل شده‌اند: حاشیه داخلی (padding) و حاشیه خارجی (margin). هر کدام از این حاشیه‌ها تاثیر خاصی روی المان‌های صفحه دارند و کاربردهای مختلفی دارند.
حاشیه داخلی (padding) با استفاده از ویژگی padding، فاصله بین محتوا و حاشیه خارجی المان را تنظیم می‌کند. به عبارت دیگر، حاشیه داخلی، فاصله بین محتوا و حاشیه خارجی المان را مشخص می‌کند. برای تنظیم حاشیه داخلی، می‌توانید از واحدهای مختلفی مانند پیکسل، درصد یا EM استفاده کنید.
مثال:
“`css
div {
padding: 10px;
}
“`
در این مثال، به المان div حاشیه داخلی 10 پیکسل اعمال می‌شود.
حاشیه خارجی (margin) با استفاده از ویژگی margin، فاصله بین المان فعلی و المان‌های دیگر را تنظیم می‌کند. به عبارت دیگر، حاشیه خارجی، فاصله بین المان فعلی و المان‌های دیگر را مشخص می‌کند. مانند حاشیه داخلی، می‌توانید از واحدهای مختلفی برای تنظیم حاشیه خارجی استفاده کنید.
مثال:
“`css
div {
margin: 10px;
}
“`
در این مثال، به المان div حاشیه خارجی 10 پیکسل اعمال می‌شود.
علاوه بر تنظیم فاصله بین المان‌ها، حاشیه‌ها می‌توانند برای تنظیم طرح بندی صفحه نیز استفاده شوند. با استفاده از حاشیه‌ها، می‌توانید المان‌ها را در صفحه به صورت دلخواه قرار دهید و طرح بندی را بهبود بخشید.
بنابراین، استفاده از حاشیه‌ها در CSS یک روش مهم برای تنظیم فاصله بین المان‌ها و بهبود طرح بندی صفحه است. با توجه به کاربردهای مختلف حاشیه‌ها و قابلیت‌هایی که در اختیار ما قرار می‌دهند، می‌توانیم صفحات وب خود را به صورت حرفه‌ای‌تری طراحی کنیم.
