دوره رایگان
CSS3 طراحی وب فرانت اند (Front End)

CSS3 چیست و چه تفاوتی با CSS دارد؟

CSS3 چیست
نوشته شده توسط مهدی خسروی

در آموزش قبلی بصورت به سوالات 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 چیست پاسخ دادیم. مطالعه‌ی مقالات زیر نیز میتواند برایتان بسیار مفید باشد.

HTML چیست و چه کاربردی دارد؟

مقاله‌ی مرتبط: تفاوت jpg و png در طراحی وب

HTML5 چیست و چه تفاوتی با HTML دارد؟

CSS چیست و چه کاربردی دارد؟

CSS3 چیست و چه تفاوتی با CSS دارد؟

امتیاز مقاله
  • کیفیت فایل آموزشی
  • کاربردی بودن مطالب
  • اجرایی بودن مطالب
  • بومی بودن مطالب
۵

درباره نویسنده

مهدی خسروی

۸ سال پیش که یادگیری برنامه نویسی رو آغاز کردم، با یک مشکل بزرگ مواجه شدم: کمبود منابع آموزشی حرفه‌ای و کاربردی به زبان فارسی. به همین دلیل، بعد از چندین سال فعالیت حرفه‌ای در زمینه‌ی برنامه نویسی، تصمیم گرفتم دانسته‌ها و تجربیات خودم را با شما عزیزان به اشتراک بگذارم. پیشنهاد میکنم به آدرس yadify.com/gifts حتما سر بزنید :)

درج دیدگاه

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.