معرفی (Introduction)
اینجا با آموزش CSS شروع می کنیم. CSS یعنی «شیوه نامه های آبشاری (Cascading Style Sheets)». این زبان ظاهر عناصر HTML را تعیین می کند. مثل لباس برای متن است. بنابراین رنگ، اندازه، فاصله و چیدمان را کنترل می کند. همچنین می توان یک فایل ساخت و کل سایت را هماهنگ کرد.
CSS چیست؟
طبق منبع، CSS زبانِ استایل صفحه وب است. عناصر HTML را برای نمایش روی صفحه، چاپ یا رسانه های دیگر توصیف می کند. چون فایل های استایل خارجی داریم، با تغییر یک فایل، ظاهر چند صفحه تغییر می کند.
چرا از CSS استفاده کنیم؟
CSS طراحی، چیدمان و تفاوت نمایش در موبایل و دسکتاپ را مدیریت می کند. بنابراین کار کمتر می کنید و نتیجه ی یکنواخت می گیرید.
نمونه CSS
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
</style>
<h1>سلام CSS</h1>
<p>این یک پاراگراف نمونه است.</p>
CSS کار را کم می کند
تعاریف CSS معمولا در یک فایل .css ذخیره می شوند. سپس همان فایل را به همه صفحات لینک می کنیم و با یک تغییر، کل سایت تازه می شود.
قدم های شروع سریع
- یک فایل style.css ایجاد کن.
- استایل های ساده را اضافه کن.
- فایل را به HTML لینک کن.
نکته: برای ادامه مسیر، از آموزش CSS شروع کن و سپس طراحی واکنش گرا را بررسی کن.
جمع بندی سریع
- CSS ظاهر عناصر را تعیین می کند.
- یک فایل می تواند کل سایت را تغییر دهد.
- برای موبایل و دسکتاپ، نمایش متفاوت بده.
- با مثال بالا، دست به کار شو.