قطعا هر طراح یا برنامه نویسی css رو میشناسه. به خصوص طراحان واسط کاربری. css یک زبان stylesheet هست که برا استایل دهی به صفحات وب در کنار HTML به کار میره. امروزه فریم ورک های زیاد و محبوبی از css ساخته شدند، نظیر Bootstrap, Less, Sass و... .
هدف این مقاله، معرفی CSS نیست. بلکه معرفی تفاوت های جدید اونه. css از اولین ورژن خود در سال 1994 تا به css3 (انتشار در سال 1999) تغییرات زیادی کرد. سپس در سال های بعد، ورژن های تکمیلی به نام css4 منتشر شد.
ولی خب در ابتدای انتشار css3 ، پشتیبانی مرورگر ها از آن بسیار پایین بود. ولی خوشبختانه مرورگرها موفق به پشتیبانی آن شده اند. در ادامه برایتان از ویژگی های css3 خواهم گفت. ولی بگزارید ابتدا به بررسی مقوله پشتیانی مرورگرها بپردازیم. می تونید به سایت www.css3test.com مراجعه کنید.
میتوانید با مرورگر دلخواه به این سایت بروید و مقدار پشتیبانی رو مشاهده کنید.
می رسیم به ویژگی های جدید css3 ...
این هم یک لیست از property های جدید css:
شاید مهمترین این ها باشه:
اولی: از مهمترین ویژگی هاش تولید زمان برای رویدادهای یک عنصره.
دومی: این یکی شامل چند مقدار مهمه :
که هرکدوم کارایی خودشونو دارن.
مثلا با این کد میشه یک متن بزرگنما شده و مورب ایجاد کرد:
HTML Code:
<p>This is a simple paragraph<p>
CSS Code:
p{
transform: scale(0.6) rotate(45deg);
}
سومی: برای واکنشگرا کردن صفحه استفاده میشه که خیلی مهمه. بوت استرپ به خاطر این ویژگی محبوب شده.
متاسفانه css خیلی گسترده تر از این حرفاست که بشه تو یه صفحه مطلب جاش کرد. هدف من فقط معرفی css3 بود و نه چیز دیگه. اگه هر سوالی دارید، بپرسید تا کمکتون کنم. ممنون.
اگر کد یا مثال لازم دارید یا دنبال آموزش هستید، Nima Hassani رو تو sololearn دنبال کنید، از همینجا بپرسید، یا به این ایمیل: pigy3p@gmail.com ... پیام بدید. موفق باشید.
