رفتن به مطلب
iranwebserver
yadifycom

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

پست های پیشنهاد شده

 ممکن است برایتان سوال پیش آمده باشد که CSS3 چیست . اگر بخواهیم یک جواب کوتاه بدهیم،‌ میتوانیم بگوییم CSS3 آخرین نسخه از CSS است که بسیاری از کارها را برای ما راحت تر میکند. در ادامه بصورت بسیار کامل تر درباره‌ی سی اس اس ۳ صحبت میکنیم و بصورت کامل به سوال CSS3 چیست پاسخ میدهیم. با من همراه باشید.

 

CSS3 چیست

در جواب به سوال CSS3 چیست میتوانیم بگوییم:

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

امروزه استفاده از CSS3 در طراحی‌های وب ضروری است و باید از آن استفاده کنیم. زیرا CSS3 ویژگی هایی دارد که استفاده از آن‌ها، یک زیبایی و چشم نوازی خاصی به صفحه وب ما میدهد. در ادامه‌ی این مقاله بیشتر با ویژگی های CSS3  آشنا میشویم.

شاید برایتان سوال باید که چرا به 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 میتوانید بسازید، این مطلب از css-tricks را مطالعه کنید تا متعجب شوید.

 

اجرای کدهای CSS3

همانند HTML, برای اجرای کدهای CSS و CSS3 نیز شما به هیچ ابزار یا نرم افزار خاصی نیاز ندارید. فقط کافی است از مرورگری استفاده کنید که از CSS3 پشتیبانی کند. که تقریبا تمام مرورگرهای روز دنیا این کار را انجام میدهند. برای اجرای کدهای CSS3، کافیست کدهایتان را بنویسید و با یک مرورگر بروز آن‌را اجرا کنید.

دیگر مقالات مرتبط:

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری

×