در قسمت اول آموزش css با روش استفاده از سی اس اس آشنا شدیم و یادگرفتیم که چگونه آن را به پروژه های خود اضافه کنیم. در این قسمت با قوانین و دستور زبان css آشنا خواهیم شد.
قوانین کلی نوشتن CSS
نوشتن در سی اس اس 3 مرحله دارد:
- نام گذاری المان های html
- صدا زدن المان های نام گذاری شده در فایل css
- حال کافیست تغییراتی که می خواهید در جلوی نام المان ها بنویسید
سه مرحله فوق را در قالب یک مثال اجرا می کنیم. فرض کنید قصد داریم تمامی پاراگراف‌های موجود در صفحه را به رنگ قرمز در بیاوریم.
قدم اول: المان های اچ تی ام الی که قصد تغییر آن ها را داریم انتخاب می کنیم. ما در این جا قصد تغییر متن ها را داریم و می دانیم که تگ ها در html با تگ p نوشته می شوند، پس p را به عنوان نام این المان می نویسیم.
قدم دوم: در جلوی المان انتخاب شده یک کروشه باز می کنیم.
قدم سوم: بعد از کروشه آن چیزی که قصد داریم در این المان تغییر کند را می نویسیم. مثلا برای تغییر رنگ المان کلمه color به معنای رنگ را نوشته جلوی آن : قرار می دهیم.
قدم چهارم: در جلوی دو نقطه تغییری که قصد داریم اعمال شود را می نویسیم، مثلا نام یا کد رنگی که در نظر داریم را می نویسیم و سیمی کولن می گذاریم. در نهایت کروشه را می بندیم.
p {
color: red;
}
حال تمامی تگ های پاراگراف صفحه به رنگ قرمز در می آیند.
توجه داشته باشید که در انتهای هر دستور css در کروشه باید سیمی کولن قرار دهیم و هر دستور را در یک سطر می نویسیم تا خوانایی کدها بیشتر می شود.
فرض کنید می خواهیم بعد از قرمز کردن رنگ متن فونت آن را نیز به تاهما تغییر دهیم، دستور زیر را اضافه می کنیم.
p {
color: red;
font-family: tahoma;
}
در قسمت بعد با نحوه‌ی انتخاب و نام‌گذاری المان‌های اچ‌تی‌ام‌ال بیشتر آشنا خواهیم شد.