خواص body و تراز بندی قالب 4

در این قسمت همانند بخش قبل عمل می کنیم دوباره خاصیت body را نوشته و مقادیر خاصیت های مربوط به رنگ ، فونت ، حاشیه و تراز بندی صفحه را قرار می دهیم

body { background: #C0C0C0; color:red; }

خاصیت اول رنگ بود که در مورد آن صحبت کردیم برای همین آن را نوشته و به بخش بعدی می رویم

برای ایجاد و تعیین فونت پیشفرض از font-family استفاده می کنیم با قرار دادن کاما بین فونت ها در صورت اجرا نشدن فونت اول ، فونت دوم در کامپیوتر کاربر نشان داده می گردد و الی آخر .

 body {font-family: Arial, Helvetica, sans-serif;}

خاصیت سوم و مهم padding مربوط به حاشیه های بدنه است که با تعیین آن می توان حالات متفاوتی به قالب داد
به مثال زیر توجه کنید تا با این خاصیت آشنا شوید

p {

padding-left: 40px;
padding-right: 20px;
padding-bottom: 30px;
padding-top: 40px;
background-color: #00CCFF;

}

برای فراخوانی کد از تگ p در body استفاده کنید

ما اینجا خاصیت padding را برار صفر در نظر می گیریم تا تمامی حاشیه ها از بین بروند و طرح بدون محدودیت شود

خاصیت بعدی margin است همانند خاصیت pading عمل می کند با این تفاوت که برای جابه جایی متن و اشیا به کار می رود margin  همانند خاصیت padding  عمل می کند با این تفاوت که برای جابه جایی متن و اشیا به کار می رود

p{

margin-bottom: 10px;
margin-right: 30px;
margin-left: 100px;
margin-top: 200px;
background-color: #00CCFF;

}

حالا کدها را درون سند قرار می دهیم
در بخش بعدی خواص مربوط به لینک ها و پاراگراف را با هم مرور می کنیم

<html>

<head>

<style type=”text/css”>


body{

padding:0px;

margin: 0px;
font-family: Arial, Helvetica, sans-serif;
background-color: #DDDDDD;
color: #333333;
}


</style>
</head>

<body>

</body>

</html>