CSS زبانی است که با استفاده از ان می توانیم سبک و جلوه عناصر HTML را در صفحه خود مشخص کنیم .CSS 3 آخرین نسخه از مستندات CSS است . CSS 3 شامل تمام دستوراتی است که در CSS 2.1 نیز موجود است . همچنین در این نسخه امکاناتی اضافه شده است که برخی از مشکلات طراحان را برطرف می کند . به عنوان مثال برخی طراحان مجبور بودند برای طراحی بخشی خاص ، عناصر HTML اضافه ای در سایت خود قرار دهند و یا کد نویسی های پیچیده ای انجام دهند تا به جلوه خاص خود برسند .
قابلیت های جدید CSS 3 که عبارتند از پشتیبانی از گزینشگر های بیشتر ، سایه انداختن زیر متن و عناصر ، گوشه های گرد ، تصاویر پس زمینه متعدد ، انیمیشن ، شفافیت و . . . کمک شایانی به طراحان وب برای طراحی بهتر و بهینه تر و کد نویسی ساده تر می کند .
مجموعه فیلم های اموزشی CSS 3 محصول شرکت Team TreeHouse به معرفی قابلیت های جدید CSS 3 می پردازد و در مثال های متعدد این قابلیت ها را به مرحله اجرا در می آورد . این مجموعه مشتمل بر ۵۱ ویدئو می باشد که به معرفی قابلیت های زیر می پردازد :
انتخاب گرها ( ۵ ویدئو )
انتخابگرها را از زمان ظهور از CSS در دسترس بوده است اما انتخاب گرهای جدید در CSS وجود دارد که به طراحان حرفه ای وب اجازه می دهد ویژگی های خاصی به المان های طراحی دهند که قبلاً به سختی امکان پذیر بود .
تایپوگرافی ( ۵ ویدئو )
یکی از ویژگی های جدید CSS 3 امکان افزودن افکت های متنوع به متن هاست . یکی از زیباترین انها سایه زیر متن است . این ویژگی به صرعت در حال تحول است و از هیجان انگیز ترین قسمت های CSS 3 است .
فونت وب سایت ( ۸ ویدئو )
در گذشته شما مجبور بودید برای طراحی وب از فونت هایی استفاده کنید که در سیستم کاربر بصورت پیش فرض قرار داشت . با CSS 3 دیگر نیاز به این کار نیست . البته این ویژگی کاملاً جدید نیست اما این کار بسیار در چند سال اخیر معمول شده است .
Borders – مرزها ( ۶ ویدئو )
CSS 3 در قسمت Border ها بسیار پیشرفت کرده است . ویژگی هایی مانند گرد کردن گوشه ها ، سایه ها و . . . کمک بسیار زیادی به طرلحان در طراحی وب نموده است . در گذشته طراحان برای ایجاد گوشه های گرد مجبور به استفاده از عکس ها و هناصر HTML اضافی بودند که این کار حجم کدهای طراحی را بسیار بالا می برد . با این ویژگی جدید CSS 3 براحتی میتوان گوشه های تصاویر را گرد نمود . عدم استفاده از راه حل های مبتنی بر تصویر باعث افزایش سرعت بارگزاری صفحات وب خواهد شد .
Gradients – شیب ( ۵ ویدئو )
در طراحی Gradients افکتی بر روی رنگ ها است بطوری که یک رنگ محو شده و جای خود را به رنگ دیگری می دهد . این عمل در روی یک سطح اعمال می شود که در گذشته راه حلی مبتنی بر تصویر داشت که با CSS 3 می توان به راحتی از گرادیانت توسط شیوه نامه استفاده برد .
پس زمینه ( ۵ ویدئو )
دو ویژگی جدید استفاده از چند پس زمینه و اندازه پس زمینه امکانات مناسبی برای طراحان بوجود آورده است .
Media Queries – پرس و جو رسانه ها ( ۵ ویدئو )
این ویژگی قابلیت پئیا بودن به شیوه نامه می دهد . بدین ترتیب که می توان با توجه به شرایط کامپیوتر کاربر افکت خاصی اعمال کرد . بعنوان مثال اگر عرض مرورگر ویندوز پایین تر از مقدار خاصی بود شیوه نامه جایگرین به آن صفحه اعمال شود .
علاوه بر موارد گفته شده ویدوئو های دیگری در زمینه های چند ستون پوسته ، انیمیشن ، Transforms و Transitions نیز در این مجموعه گنجانده شده است . بطوری که می توان گفت این مجموعه یکی از بهترین مراجع برای آشنایی با امکانات CSS 3 باشد . لازم به ذکر است تمامی مثال ها و تمرینات انجام شده در طول آموزش بصورت فایل های CSS و HTML در داخل مجموعه قرار داده شده اند .
