آموزش قدم به قدم CSS

وقتی اسم طراحی وب سایت میاد، اولین صحبتی که میاد تو ذهن فرد عادی اینه HTML – CSS باید بلد باشی… خب این CSS که میگیم یعنی چی؟ چه کاری میتونیم باهاش انجام بدیم؟ به کمک CSS، چه کارهایی میتونیم در HTML انجام بدیم؟
معنی CSS
همونطور که در مقدمه خوندیم، کلمه CSS مخفف عبارت انگلیسی Cascading style sheets و به معنی صفحات استایل آبشاری هست.
CSS چیست؟
کدهای CSS دستوراتی هستن که توسط اونها میتونیم تمامی خصوصیات ظاهری صفحه وبسایت رو تعیین کنیم. بنابراین شما توسط کدهای HTML، اسکلت صفحه وب سایت خودتون رو پیاده سازی میکنین و با کدهای CSS مشخص میکنین هر عنصر چه خصوصیات ظاهریای باید داشته باشه. به اصطلاحی رنگش میکنید و کلی ویژگی دیگه بهش اضافه میکنید!
چرا CSS؟
کدهای CSS میتونن تو بسیاری از کارهای تکراری، زمان طراحی و حجم کدهای سایت صرفهجویی کنن.
خوبه که بدونید گوگل در رتبه بندی وبسایتها یعنی همان سئو، سرعت بارگذاری سایت و کیفیت کدها رو هم مدنظر قرار میدهد و وب سایتهایی رو که سرعت بارگذاری اونها مناسب نباشه، کمتر به جستجو کنندگان معرفی میکنه.
نکته:
در گذشته طراحی سایت و چیدمان عناصر صفحات وب، از طریق جدول انجام میگرفت. جداول مشکلات زیادی داشتن و به این خاطر با ظهور CSS کاملا منسوخ شدند. از جمله مشکلات جداول میتوان به حجم بالای پردازش آنها توسط مرورگر و در نتیجه کاهش سرعت اشاره کرد. این ویژگی منفی وبسایتهایی است که با جدول پیاده سازی میشدن.
یک فایل CSS چیست؟
- CSS برگرفته از حروف اول Cascading Style Sheets است.
- یک فایل CSS، فایلی از نوع Text مییاشد.
- یک فایل CSS، باید از انشعاب CSS استفاده میشود.
- یک فایل CSS، فایلی از نوع Text میباشد که با هر ادیتور () ساده قابل ایجاد است.
- وظیفه اصلی خصوصیات CSS بیان چگونگی نمایش اطلاعات میباشد.
همچنین ناگفته نمونه که CSS در ۹۰٪ از مرورگرها، میتونه به خوبی عمل کنه.
پیشنیازهای CSS
میشه گفت که تنها پیشنیاز برای یادگیری مفاهیم CSS، تسلط مناسبی به HTML هست. مباحث زیر در بدو شروع، مهمترین مباحث مورد نیاز شما برای یادگیری CSS هستن:
- تسلط به مبحث فرزند – پدر (parent-child)
- تسلط به مفهوم عنصر و صفت (element, attribute)
دیدگاهتان را بنویسید