موضوع: آموزش css(کامل)

آموزش css(کامل)
معرفي CSS :
CSS مخفف عبارت ( Cascading Style Sheet ) است . از CSS ، برایقالب دهی و اعمال خواص مورد نظر به عناصر و تگ های موجود در صفحات HTMLاستفاده می شود . با استفاده از امکانات CSS ، می توان صفحات HTML را باسرعت ودقت بيشتری طراحی کرد و باعث کاهش حجم کد نويسی می شود . توسط خواصCSS ، می توان ظاهر ، رنگ ، نحوه نمايش ، موقعيت قرار گيری ، تراز بندیافقی و عمودی و ... را برای عناصر HTML تعيين کرد .
توجه ! : قبل از مطالعه بخش CSS ، شما بايد به طور کامل با زبان برنامه نويسي HTML و بخصوص تگ < style > آشنا باشيد .

دليل استفاده و کاربرد CSS :
در اينجا با اشاره به يک موضوع کلی ، دليل استفاده از CSS را بيان می کنيم :
همانطور که می دانيد صفحات HTML ، از عناصر مختلفی مثل پاراگراف ، جداول ،عنوان ها و ... غيره تشکيل شده اند . امروزه صفحات وب از حالت ساده ويکنواخت خارج شده و طراحان سعی می کنند تا با استفاده از جلوه های تصويریمثل استفاده از رنگ های مختلف ، حالت های نمايش گوناگون و ... به جذابيت وزيبايي صفحات بيافزايند .
فرض کنيد که ما در صفحات يک وب سايت ، يکسری عنوان ها ، پارگراف ها وجداول داريم که اين عناصر در بيشتر صفحات تکرار شده و دارای ويژگی هایيکسانی هستند . به طور مثال برخی از عنوان ها رنگ سبز داشته ، يا بعضی ازپاراگراف ها دارای نوع و اندازه خاصي از Font هستند و يا جداول دارای پسزمينه رنگی هستند . در اينجا 2 راه حل جهت تعيين خواص برای اين عناصر وجوددارد :
1-در درون هر صفحه ، خواص مشترک را در تمام صفحات و در درون تگ های مورد نظر به صورت تکی تعيين کنيم ، که اين مسئله چند اشکال دارد :
باعث تکرار شدن خواص مشترک عناصر در تمام صفحات و تگ هاي مورد نظر مي شود .
حجم کد نويسي بالا رفته و احتمال خطا افزايش مي يابد .
سرعت طراحي صفحات بسيار کاهش مي يابد .
اعمال تغييرات به عناصر بسيار وقت گير بوده و کار زيادي را مي طلبد .
2- ما ابتدا عناصر با خواص مشابه را بر حسب id و class آنها ، درگروه های يکسان قرار می دهيم . سپس در يک فايل Style بيرونی و يا در تگStyle در بخش Head صفحه ، خواص و ويژگی های مشترک را در يکجا برای همه آنگروه ها تعريف کرده و سپس هر يک از عناصر را به گروه مورد نظر ارتباط میدهيم . برای آشنايي با روش دسته بندی و ارتباط عناصر در CSS ، به بخشآموزش تگ < style > در HTML برويد .
انجام روش دوم ، اشکالات روش اول را برطرف کرده و باعث می شود تا :
خواص مشابه در عناصر و تگ ها تکرار نشود .
حجم کد نويسي کاهش يافته و احتمال خطا کمتر مي شود .
سرعت طراحي صفحات افزايش مي يابد .
اعمال تغييرات به صفحات بسيار سريع و راحت صورت مي گيرد .

متن و نوشته Text :
به وسيله مجموعه خواص Text در CSS ، می توان ظاهر نوشته را تغيير داد .اين خواص برای تغيير رنگ نوشته ، جهت چيدمان ، اندازه و ... متن به کار میروند .
مجموعه خواص text شامل ليست زير می شود
colordirection
line-height
letter-spacing
text-align


text-decoration
text-inednt
text-transform
white-space
word-spacing
ادامه مجموعه خواص مختلف CSS برای متن را همراه با مثال های عملی مشاهده خواهيد کرد.

اینم فایل pdf آموزش استایل شیت ها بصورت pdf .
لامز به ذکر است که ۱۵ قسمت است
لینک دریافت : آموزش Css در پانزده قسمت . حجم فایل ۱۷۶ کیلو بایت