CSS3 چیست و چه تفاوتی با CSS دارد؟
در آموزش قبلی بصورت به سوالات HTML چیست؟ HTML5 چیست؟ و CSS چیست؟ پاسخ دادیم. حالا ممکن است برایتان سوال پیش آمده باشد که CSS3 چیست . اگر بخواهیم یک جواب کوتاه بدهیم، میتوانیم بگوییم CSS3 آخرین نسخه از CSS است که بسیاری از کارها را برای ما راحت تر میکند. در ادامه بصورت بسیار کامل تر دربارهی سی اس اس ۳ صحبت میکنیم و بصورت کامل به سوال CSS3 چیست پاسخ میدهیم. با من همراه باشید.
CSS3 چیست
اگر به دنبال یک پاسخ جامع و کامل به سوال CSS3 چیست هستید، مشاهدهی فیلم زیر میتواند برای شما بسیار مفید باشد
چرا باید از CSS3 استفاده کنیم
در جواب به سوال CSS3 چیست میتوانیم بگوییم:
CSS3 آخرین نسخه از تکنولوژی CSS است که امکانات بسیار فوق العاده ای دارد. قبل از ارائهی CSS3، انجام برخی از کارها در دنیای وب بسیار سخت و پیچیده بود. اما CSS3 امکاناتی را به صفحات وب اضافه کرد که باعث شد انجام بسیاری از کارها خیلی سادهتر شود و صفحات وب زیبایی خاصی پیدا کنند.
امروزه استفاده از CSS3 در طراحیهای وب ضروری است و باید از آن استفاده کنیم. زیرا CSS3 ویژگی هایی دارد که استفاده از آنها، یک زیبایی و چشم نوازی خاصی به صفحه وب ما میدهد. در ادامهی این مقاله بیشتر با ویژگی های CSS3 آشنا میشویم.
شاید برایتان سوال باید که چرا به CSS، میگوییم تکنولوژی، و نمیگوییم یک زبان برنامه نویسی. زیرا CSS هرگز نمیتواند یک زبان برنامه نویسی باشد. دلیل آنرا در این مقاله بررسی کردیم: چرا CSS نمیتواند یک زبان برنامه نویسی باشد.
CSS3 = دنیایی از ویژگی های جدید
همانطور که گفتیم، اگر بخواهیم بگوییم که CSS3 چیست ، میتوانیم بگوییم که CSS3 اخرین نسخه از CSS است که دنیایی از ویژگی های فوق العاده را در خود جای داده است!
اگر بخواهیم برخی از ویژگی های فوق العاده CSS3 را بررسی کنیم، میتوانیم لیست زیر را داشته باشیم:
Selector های جدید و پیشرفته
در CSS2 شما بصورت بسیار محدود میتوانستید تگ های HTML را انتخاب کنید. مثلا باید برای تگ هایتان id یا class تعریف میکردید و سپس در CSS به آن ها با استفاده از نقطه (.) یا علامت هَش (#) دسترسی پیدا میکردید.
اما در CSS3 شما میتوانید به شکل های بسیار پیشرفتهای تگ های HTML خود را انتخاب کنید.
پشتیبانی از فرمتهای رنگی جدید
در CSS3 شما امکان استفاده از انواع فرمت های رنگی مثل HEX, RGB, RGBA و دیگر فرمت های غیر مرسوم را دارید. همه این فرمت ها به خوبی در CSS3 پیشتیبانی میشوند.
گوشههای گرد (Border Radius)
یکی دیگر از ویژگی های فوق العاده CSS3، امکان خمیده کرده گوشه ها با استفاده از یک خط کد ساده است. قبل از CSS3، شما برای خمیده کردن گوشهها، باید کدهای زیادی را مینوشتید یا از روش های جایگزین دیگری استفاده میکردید، اما الان در CSS3 کافی است که از عبارت border-radius: 5px استفاده کنید تا المانتان ۵ پیکسل خمیدگی در گوشههایش پیدا کند.
سایه برای اجسام (Box Shadow)
در CSS3 شما میتوانید به راحتی برای اجسام خود سایه تعریف کنید. این سایه را میتوانید با دستور box-shadow در CSS3 داشته باشید.
سایه برای متن ها (Text Shadow)
همینطور امکان سایه برای متن ها نیز در CSS3 اضافه شده است که براحتی با دستور text-shadow به شما امکان اضافه کردن سایه به متن ها را میدهد.
انواع گرادیانت (Gradient)
گرادیانت به افکتی میگویند که در یک محیط، یک رنگ بصورت تدرجی به رنگ دیگری تبدیل میشود. اینکار را در CSS3 براحتی میتوانید انجام دهید و افکت های زیبایی را طراحی کنید.
ساخت اشکال مختلف با CSS3
اگر از من بپرسید که بنظرت جذاب ترین ویژگی CSS3 چیست ، میتوانم بگویم قابلیت ساخت اشکالی باور نکردی با استفاده از CSS3.
اگر میخواهید ببینید که چه اشکال فوق العاده عجیبی با CSS3 میتوانید بسازید، این مطلب از css-tricks را مطالعه کنید تا متعجب شوید.
اجرای کدهای CSS3
همانند HTML, برای اجرای کدهای CSS و CSS3 نیز شما به هیچ ابزار یا نرم افزار خاصی نیاز ندارید. فقط کافی است از مرورگری استفاده کنید که از CSS3 پشتیبانی کند. که تقریبا تمام مرورگرهای روز دنیا این کار را انجام میدهند. برای اجرای کدهای CSS3، کافیست کدهایتان را بنویسید و با یک مرورگر بروز آنرا اجرا کنید.
در این مقاله از یادیفای بصورت کامل به سوال CSS3 چیست پاسخ دادیم. مطالعهی مقالات زیر نیز میتواند برایتان بسیار مفید باشد.
دیدگاهتان را بنویسید