آموزش Css3 - مقدمه

در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

css3

CSS روشی است برای تغییر ظاهری اسناد HTML یا صفحات وب . این جمله ایست که در بخش مقدماتی آموزش CSS توضیح داده ام .
اما Css3 چیست و چه تفاوتی با Css دارد ؟
Css3 ورژن جدید همان Css است اما با قابلیت ها و ویژگیهای بیشتر که بسیار کار طراحان را راحت تر کرده است . ویژگیهای مثل سایه دار کردن متن تایپ شده همانند عنوانهایی که برای آموزشهای سایت آسا رایان استفاده شده است  . 
منحنی کردن لبه های کادرهایی که در Css وجود نداشت ولی در Css3 گنجانده شده است .
استفاده از چند تصویر پس زمینه به عنوان بک گراند ، ویژگی که در Css وجود نداشت .
ایجاد افکت های حرکتی بر روی عناصر صفحه ، ویژگی که به طراح این امکان را میدهد که بدون نیاز به جاوا به هدف خود برسد .
انیمیشن ، به حرکت در آوردن اجزا صفحه و ... .

با توجه به توضیحاتی که پیرامون نقات قوت ویژگیهای جدید Css3 بیان کرده ام باید به این نکته هم اشاره کنم که هنوز مرورگرها از تمام ویژگیهای Css3 پشتیبانی نمی کنند و طراحان در هنگام کدنویسی قالب به این مهم باید دقت کنند .
بسیار خوب ، اجازه بدهید در ادامه ویژگیهای جدید Css3 را به صورت مختصر معرفی کرده و در درس های بعدی هر کدام از خصوصیات را به صورت کامل و با ذکر چند مثال آموزش بدهم .
Selector ها : انتخاب کننده های عناصر
text-shadow : سایه در زیر متن
border-image : تصاویر برای حاشیه عناصر
border-radius : خمیده کردن حاشیه عناصر
box-shadow : سایه در زیر یک کادر
text-overflow : از محدوده خارج شدن متن
word-wrap : خط شکن در متون طولانی
resize : قابلیت تغییر اندازه کادر ها توسط کاربر
outline : خطوط پیرامون اشیابخش دوم
@page : انتخابگرهای صفحه
multiple backgrounds : چندین زمینه برای اشیا
background-origin و background-clip : تعیین محدوده و موقعیت به صورت پیشرفته برای پس زمینه ها
Opacity :تعیین شفافیت یا آلفای یک شیئ
رنگهای HSL و HSLA و RGBA
Multi-column : چند سطونی کردن متون
Web fonts : فونت های سفارشی برای سایت

مواردی که در بالا نامبرده شده است ویژگیهای جدید Css3 می باشد که در درسهای بعدی هر کدام را به صورت مفصل آموزش میدهم .

آخرین بروز رسانیسه شنبه, 03 شهریور 1394 15:48