باکس های به عنوان اجزای جدا کننده پارتیشن های مختلف در طراحی سایت می باشند که می توان با تخصیص مقادیر نوع فرمت نمایش آن را تعیین نمود. اگر باکس div را به عنوان یک فضا با عرض و ارتفاع مشخص در نظر بگیریم حال فضای درونی آن را می توان برای محتوای طراحی سایت در نظر بگیریم. حاشیه اطراف باکس را با border نمایش می دهیم که می توان برای این حاشیه رنگ ، فرمت خاص و نیز ضخامت تعیین شده ای را در نظر بگیریم.
Div در طراحی سایت
محتوا و مطالب موجود در طراحی سایت محوطه داخلی باکس ما می باشد. فاصله میان حاشیه باکس و محتوای موجود در طراحی سایت را با padding نشان می دهند که برای آن نیز می توان مقادیری را در طراحی وب سایت خود تعیین نمود. تعیین نوع رنگ padding ضخامت آن و غیره مقادیر قابل تعیین برای طراحی وب سایت شما می باشد.
div {
width: 300px;
padding: 25px;
border: 25px solid navy;
margin: 25px;
}
در کد بالا تنظیماتی را برای حاشیه border ، margin و غیره تعیین شده است و نیز برای border رنگ ، ضخامت حاشیه و نیز رنک حاشیه تعیین شده است. به واسط این کدها می توانید زیبایی را به صفحه طراحی وب سایت خود ببخشیم و در نتیجه امر بهبود در وضعیت سئو سایت و بهینه سازی سایت خواهیم داشت.
