CSS چیست؟ CSS مخفف Cascading Style Sheets و یک زبان برنامهنویسی است که برای توصیف نحوه نمایش و طراحی صفحات وب استفاده میشود. این زبان مشخصات ظاهری اجزای صفحات وب مانند فونت، رنگ، اندازه، فاصله، نوع ترکیبها، انیمیشن و... را تعیین میکند. بدون استفاده از CSS، صفحات وب به صورت خام و زشتی نمایش داده میشوند و برای ایجاد طرح بندی و ظاهر جذاب صفحات وب، CSS ابزاری بسیار قدرتمند است. اهمیت یادگیری CSS چیست؟ یک صفحه وب به طور کلی دارای دو بخش Client Side و Server Side است. بخش Client Side را میتوان به سه بخش اساسی تفکیک کرد. اول ساختار صفحه است که توسط HTML ساخته، دوم شکل، شمایل و رنگ و لعاب صفحه است که در CSS تعیین و سوم منطق برنامه در سمت کلاینت است که با زبانهای اسکریپتی مانند JavaScript مشخص و مطابق با این سهبخش لزوم یادگیری CSS برای طراحی وب مشخص میشود. زبان برنامهنویسی HTML به خوبی میتواند اجزای صفحه را ایجاد کند اما ضعف اصلی زبان HTML عدم توانایی ایجاد رابط کاربری است. برای ایجاد رابط کاربری برای صفحات HTML زبان برنامهنویسی CSS (Cascade Style Sheets) ایجاد گردید. این زبان مکملی برای HTML است و سعی در پر کردن خلاها و برطرف کردن نقاط ضعف زبان HTML دارد. CSS شما را قادر میسازد تا قالب و استایل صفحات وبسایت خود را یک بار طراحی کرده و به دفعات استفاده کنید. برای واضحتر شدن ماجرا، یک مثال را بیان کنیم: در نظر بگیرید که وبسایتی با ۱۰۰ صفحه را به زبان HTML طراحی کردهاید، حال بعد از گذشت مدتی تصمیم دارید تا برخی خصوصیات را کمی تغییر دهید مثلا رنگ پسزمینه را کمی تیرهتر کنید. گفتن این حرف بسیار راحت است اما در عمل کمی بحث فرق میکند. تغییر یک خط کد در ۱۰۰ صفحه بسیار زمانبر است. حال اگر ما از CSS در طراحی این وبسایت استفاده کنیم، کافی است تا یک خط کد را در فایل خود تغییر دهیم و این تغییرات در تمامی صفحات اعمال میشود. در واقع ما صفحات HTML خود را به یک فایل CSS متصل میکنیم و قطعه کدهای مربوطه از این فایل خوانده و اجرا میشود. این کار باعث میشود تا حجم کد کمتری نوشته شود و همین طور کدنویسی به اصطلاح تمیزتری داریم. در این فرادرس چه چیزی یاد میگیریم؟ در این آموزش ابتدا با محیط کلی CSS، انتخابگرها، رنگها و پسزمینه آشنا میشویم. سپس جعبهها، کادرها و حاشیهها و تنظيمات متن را بررسی و در ادامه استفاده از فونتها، ليستها، تنظيمات جداول، انتخابگرها و ترکيبکنندهها را ارائه خواهیم کرد. در نهایت به جلوههای دوبعدی و سهبعدی، پویانمایی، طراحی واکنشگرا و چینش صفحه با FlexBox میپردازیم.
