فرمت دهی در css

فرمت دهی در css به روش های زیر انجام می شود:

External style sheet
Internal style sheet
Inline style

استایل دهی external

با استفاده از استایل دهی خارجی، شما می توانید قالب بندی کل وب سایت را تنها از طریق تغییر در یک فایل انجام دهید. هر صفحه html می بایست از طریق تگ link که درون تگ head قرار دارد، به فایل css مربوط به خود، آدرس دهی شود:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

همان طور که درمثال بالا می بینید، در تگ link باید در hrefنام فایل و در rel عبارت stylesheetرا قرار دهیم.
شما می توانید فایل سی اس اس خود را در هر ویرایشگر متنی ایجاد کنید که این فایل نمی بایست شامل کدهای html باشد. فایل سی اس اس می بایست با پسوند css. ذخیره شود.
به مثال زیر دقت کنید:

body {
  background-color: lightblue;
}
h1 {
  color: navy;
  margin-left: 20px;
}

نکته: دقت کنید که بین مقدار property و واحد آن فاصله نگذارید. به عنوان مثال:
صحیح:

margin-left: 20px;

اشتباه:

margin-left: 20 px;

استایل دهی internal

از این روش زمانی استفاده می شود که بخواهیم تنها برای یک صفحه وب، یک استایل مشخص بدهیم. که باید درون تگ style در بخش head وارد شود. به مثال زیر توجه کنید:

<head>
<style> 
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
} 
</style>
</head>>

استایل دهی Inline

این روش هنگامی استفاده می شود که بخواهیم یک استایل بخصوص را به یک المان خاص بدهیم. برای این نوع استایل دهی در css ، می بایست در بخش مربوط به همان المان، استایل مربوطه را وارد کنیم. به مثال زیر دقت کنید:

<h1 style="color:blue;margin-left:30px;">This is a heading</h1>

نکته: این نوع از فرمت دهی در css ، بسیاری از مزایای فایل های جداگانه css را از دست می دهد. سعی کنید به ندرت از این نوع فرمت دهی در css استفاده کنید.

نکته: اگر برای المانی خاص، هر دو استایل internal و external اختصاص یافته باشد، استایلی که آخرین بار داده ایم اعمال می شود؛ خواه external باشد یا internal.