CSS یک زبان برنامه نویسی است که برای طراحی و فرم دهی صفحات وب به کار می رود. CSS مخفف عبارت Cascading Style Sheets به معنی صفحات استایل آبشاری است. CSS به شما اجازه می دهد که خصوصیات ظاهری مختلفی را برای عناصر HTML تعیین کنید، مانند رنگ، اندازه، فونت، ترازبندی و غیره. CSS همچنین باعث صرفه جویی در زمان و حجم کدهای سایت می شود، چون شما می توانید یک فایل CSS خارجی را به چندین صفحه وب اتصال دهید و تغییرات را در یک جا اعمال کنید. CSS از جمله تکنولوژی های اصلی فرانت اند (Front End) به شمار می رود.آموزش css

CSS3 با CSS چه فرقی دارد؟

CSS3 نسخه جدیدتر و پیشرفته تری از CSS است که دارای ویژگی ها و قابلیت های جدیدی برای طراحی صفحات وب است. برخی از تفاوت های کلیدی بین CSS و CSS3 عبارتند از:

- CSS3 به صورت ماژولار است، یعنی شامل چندین ماژول مجزا با مسئولیت های مختلف است. این باعث می شود که توسعه، نگهداری و به روزرسانی CSS3 آسان تر باشد. CSS به صورت یک مشخصات واحد بود که شامل تمام ویژگی های CSS بود.

- CSS3 از طراحی واکنش گرا (Responsive Design) پشتیبانی می کند، یعنی قادر است به اندازه ها، رزولوشن ها و جهت های مختلف صفحه نمایش تطبیق پیدا کند. CSS این قابلیت را نداشت.

- CSS3 دارای Selector های جدید و پیشرفته است که امکان انتخاب عناصر HTML را با شرایط خاص فراهم می کند. برای مثال، Selector های سطح سوم (:nth-child, :first-of-type, :last-of-type, etc.) که در CSS وجود نداشتند.

- CSS3 از فرمت های رنگی جدید پشتیبانی می کند، مانند HSL, HSLA, RGBA که امکان تعیین رنگ با استفاده از حالت (Hue)، اشباع (Saturation)، روشنایی (Lightness) و شفافیت (Alpha) را می دهند.

- CSS3 دارای خواص جدید برای اعمال افکت های گرافیکی بر روی عناصر است، مانند حاشیه های گرد (border-radius)، سایه ها (box-shadow, text-shadow)، تغییر شکل (transform)، انتقال (transition) و انیمیشن (animation) . منبع