سلام همشهری های عزیز طالقانی! توی این آموزش می خوایم با هم یاد بگیریم چطوری یه سایت ساده ولی شیک با CSS بسازیم. لازم نیست برنامه نویس حرفه ای باشید، فقط کافیه یه کم حوصله داشته باشید و قدم به قدم با ما پیش بیاید.
فرض کنید یه مغازه کوچیک دارید یا یه کسب وکار خونگی راه انداختید. داشتن یه سایت مثل اینه که یه ویترین بزرگ و همیشه باز داشته باشید که همه بتونن محصولات و خدماتتون رو ببینن. حتی اگه فقط یه صفحه ساده باشه که اطلاعات تماس و یه کم درباره خودتون نوشته باشه، خیلی بهتر از هیچیه!
CSS مخفف عبارت "Cascading Style Sheets" هست. به زبون ساده، CSS به ما کمک می کنه ظاهر سایت مون رو خوشگل کنیم. رنگ ها، فونت ها، اندازه ها، فاصله ها و خیلی چیزهای دیگه رو می تونیم با CSS تنظیم کنیم.
اول یه فایل جدید با پسوند `.html` بسازید. اسمش رو هر چی دوست دارید بذارید، مثلاً `index.html`. حالا این کدها رو توش کپی کنید:
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<title>سایت من</title>
</head>
<body>
<h1>سلام به سایت من خوش اومدید!</h1>
<p>این یه پاراگراف ساده است.</p>
</body>
</html>
حالا می خوایم به این صفحه یه کم رنگ و لعاب بدیم. برای این کار، از CSS استفاده می کنیم. CSS رو می تونیم به سه روش توی HTML اضافه کنیم: