دوره مجازی طراحی وب (جلسه 11): ویژگی های CSS - قسمت اول

- visibility ٢٣ mode_comment

در جلسه قبل انواع سلکتورهایی که در زبان CSS وجود داره رو به شما معرفی کردیم. امروز می خوایم ویژگی های CSS رو که می تونید استفاده کنید به شما آموزش بدیم. در ابتدای این جلسه به نکته های مهمی اشاره می کنیم که پیشنهاد میشه حتما اونها رو به خاطر داشته باشید.

 

عموم مباحثی که در این جلسه مطرح میشه عبارتند از :

  • ذکر روند تدریس ویژگی های CSS
  • ویژگی های پیشونددار مرورگرهای خاص
  • پیشوند -moz- و مرورگر موزیلا فایرفاکس
  • پیشوند -ms- و اینترنت اکسپلورر
  • پیشوند -o- و مرورگر اپرا
  • پیشوند -webkit- برای کروم و سافاری
  • ذکر معایب و مزایای استفاده از ویژگی های پیشوند دار در کنار ویژگی های استاندارد CSS3
  • معرفی کیورد initial و کاربردهای آن
  • معرفی کیورد inherit و کاربردهای آن
  • معرفی کیورد none و کاربردهای آن
  • معرفی کیورد auto و کاربردهای آن
  • معرفی کیورد !important و کاربردهای آن
  • معرفی box model در html و css
  • تفاوت border, padding و margin
  • آموزش ویژگی های مختلف زبان CSS
  • ویژگی color و کاربردهای آن
  • ویژگی opacity و کاربردهای آن
  • ویژگی background و کاربردهای آن
  • ویژگی background-attachment و کاربردهای آن
  • ویژگی background-color و کاربردهای آن
  • ویژگی background-image و کاربردهای آن
  • ویژگی background-position و کاربردهای آن
  • ویژگی background-repeat و کاربردهای آن
  • ویژگی background-clip و کاربردهای آن
  • ویژگی background-origin و کاربردهای آن
  • ویژگی background-size و کاربردهای آن
  • ذکر نکات مهم در مورد نحوه طراحی و انتخاب درست پس زمینه
  •  بحث تقارن پس زمینه و یکپارچه سازی پس زمینه نهایی با تکرار تصویر کوچک
info توجه

این مطلب یک جلسه از دوره آموزش طراحی وب می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره آموزش طراحی وب

comment دیدگاه کاربران
Pouriya

استاد من اون نقطه رو گرفتم
حواسم نبود اون کلاس هست که نقطه گرفته 😐
چون به ul چسبیده بود فکر کردم ی چیز دیگه هس 🙂

itone

سلام ی مجدد 😛
مشورت :
استاد مشکلی نیست از این جلسه به بعد یه جلسه ‌js یه جلسه php و یه جلسه html,css یاد بگیرم ؟؟؟
پیشناهادتون در رابطه با این برنامه ریزی چیه ؟؟؟؟
توی جلسه اول js گفتین پیشنیازش html css هستش که html تموم شد و start سی اس اس رو هم ک امروز زدیم
و توی جلسه php هم ک گفتین اصا پیشنیاز خاصی نداره ققط html , css بلد باشیم بهتر میتونیم خروجی بگیریم
نظرتون چیه یه جلسه وب ببینم و یادبگیرم و یه جلسه جاوااسکریپت و یه جلسم پی اچ پی 😆 😎 😎 😎 😎 😀 😀 😀 😉 😉 😉 😉 😉 😉

لقمان آوند

ترجیحا حداکثر 2 مورد رو دنبال کنید که تمرکزتون به هم نخوره. اول html,css و js رو یاد بگیرید و بعد برید سراغ php

وحید صف آرا

با سلام و خسته نباشید دوباره خدمت استاد
من کلا آدم کنجکاویم ببخشید زیاد سوال میپرسم 😀

به یک سوال توی این جلسه برخورد کردم که دلیل منطقیشو توی اینترنت هم پیدا نکردم و اکثرا حرف شما رو زده بودند و بنظرم حرفی هم که شما توی آموزش زدید منطقی نیست
الان آخرین ورژن فایر فاکس مثلا از سودو المنت ::selection ساپورت نمیکنه و باید از پیشوند استفاده کرد تا این ویژه گی عمل بکنه.
ولی اینکه چرا بعد از این همه زمان که گذشته بعضی خصوصیت ها ساپورت نمیشن واسم جای سواله.
شما گفتید از پیشوند ها برای ویژه گی های css3 استفاده میشه.ولی اگه اینطوری بود، ویژه گی ::selection در جدیدترین نسخه فایرفاکس ساپورت میکرد و بدون استفاده از پیشوند کار میداد
بنظرتون درست عرض نمیکنم؟
توی نت هم سرچ کردم جوابی که باید واسش پیدا نکردم
خواستم بدونم شما اطلاعاتی در این باره دارید یا خیر
تشکر

لقمان آوند

سلام
لزوما اینطور نیست که فقط از پیشوندها به همراه ویژگی های css3 استفاده بشه. یکی از دلایلش اینه که اگر ساپورت نشه مشکلی بوجود نیاد در اون مرورگر.
الان تقریبا همه مرورگرهای معروف در آخرین ورژن هاشون سودوالمنت هایی مثل ::selcetion رو همینجوری ساپورت می کنن به جز فایرفاکس. دلیل این رو در موزیلا واقعا نمی دونم . احتمالا سیاست خاصی دارن دیگه که ما بی خبریم 😉

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2