آموزش css از سیر تا پیاز

شروع موضوع توسط amoozesh-sara.i ‏6 آگوست 2015 در انجمن زبان HTML

کلمات کلیدی:
  1. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    [​IMG]

    سلام
    این آموزش از سری آموزش های css سایتآموزش سرا است.
    در این مجموعه ما تمام مباحث css را به طور کامل شرح می دهیم و شما css را با ریزترین جزئیات یاد میگیرید.
     
    آخرین ویرایش: ‏6 آگوست 2015
    نوشته شده توسط amoozesh-sara.i در ‏6 آگوست 2015
    mohammad moeini از این پست تشکر کرده است.
  2. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه اول :
    در این جلسه css معرفی می شود و به برسی نقاط ضعف و قدرت آن میپردازیم و با قابلیت های جدید نسخه ۳ آن اشنا می شویم

    دانلود

    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏6 آگوست 2015
    mohammad moeini از این پست تشکر کرده است.
  3. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه دوم:ساختار css را توضیح میدهیم.

    با روش ذخیره سازی فایل های css به ۳ روش External , Internal , Inline اشنا می شویم.

    با روش استفاده از دستورات CSS اشنا می شویم.

    به بررسی برخی از سلکتور ها مثل:

    class selector , id selector , group selector, child selector ,element selector

    وتفاوت های آن ها و هم چنین به نحوه ترکیب این سلکتور ها میپردازیم.


    دانلود

    منبع آموزش

     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏6 آگوست 2015
    mohammad moeini از این پست تشکر کرده است.
  4. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه سوم :
    سلکتور ها (selectors) را ادامه می دهیم و در مورد attribute selectors صحبت می کنیم و شکل های مختلف آن را بیان می کنیم.
    در ادامه به کار با inspect element میپردازیم و با پراپرتی border اشنا می شویم.

    دانلود

    منبع آموزش​
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏7 آگوست 2015
    mohammad moeini از این پست تشکر کرده است.
  5. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه چهارم :
    همچنان سلکتور ها (selectors) را ادامه می دهیم و در مورد pseudo class صحبت می کنیم و شکل های
    :root
    :nth-child()
    :nth-last-child()
    :nth-of-type()
    :nth-last-of-type()
    آن را بیان می کنیم.
    در ادامه به طور مفصل در مورد تفاوت آن ها صحبت می کنیم و با پراپرتی background آشنا می شویم.


    دانلود

    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏8 آگوست 2015
    mohammad moeini از این پست تشکر کرده است.
  6. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه پنجم :
    به ادامه pseudo class ها می پردازیم و
    :first-of-type
    :last-of-type
    : only-of-type
    : only-child
    :empty
    توضیح می دهیم و در مورد تفاوت آن ها صحبت می کنیم و بحث pseudo class ها را به پایان می رسانیم.
    سپس به ادامه selectorها در css3 می پردازیم و در مورد
    :target
    :enabled
    :disabled
    :checked
    :not
    صحبت می کنیم و با پراپرتی width و height آشنا می شویم و بحث selectorها را به پایان می رسانیم.
    دوستان من اول فیلم به اشتباه گفتم جلسه چهارم،این جلسه پنجم هست

    دانلود

    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏9 آگوست 2015
    mohammad moeini از این پست تشکر کرده است.
  7. hamid_hes

    hamid_hes New Member

    ارسال‌ها:
    1
    تشکر شده:
    1
    امتیاز دستاورد:
    1
    با سلام و تشکر فراوان

    به شخصه خیلی از مطالب مفید و آموزنده شما استفاده کردم.

    منتظر آموزش های بعدی هستم. موفق باشید...
     
    نوشته شده توسط hamid_hes در ‏10 آگوست 2015
    mohammad moeini از این پست تشکر کرده است.
  8. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه ششم :
    به نحوه استفاده از رنگ ها در css می پردازیم و با ۴ روش رنگ دهی (rgb, rgbs, Hexadecimal, Color name) اشنا می شویم و در مورد ساختار رنگ ها در کامپیوتر و نحوه تبدیل بیت به رنگ صحبت می کنم و در پایان به کامنت گذاری در css و کاربرد های آن می پردازیم.
    جلسه هفتم :
    به استایل دهی متون در css می پردازیم و با پراپرتی های
    text-align, text-decoration, text-indent, direction و word-spacing
    و انواع مقادیر وکاربرد های آن اشنا می شویم


    دانلود

    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏10 آگوست 2015
    mohammad moeini از این پست تشکر کرده است.
  9. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه هفتم :
    به استایل دهی متون در css می پردازیم و با پراپرتی های
    text-align, text-decoration, text-indent, direction و word-spacing
    و انواع مقادیر وکاربرد های آن اشنا می شویم.


    دانلود

    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏11 آگوست 2015
    mohammad moeini از این پست تشکر کرده است.
  10. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه هشتم :
    به ادامه استایل دهی متون در css می پردازیم و با پراپرتی های
    white-space, vertical-align, letter-spacing, text-transform و line-height
    و انواع مقادیر وکاربرد های آن اشنا می شوید


    دانلود

    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏12 آگوست 2015
    mohammad moeini از این پست تشکر کرده است.
  11. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه نهم :
    به typography و استایل دهی متون در ۳ css می پردازیم و با پراپرتی های text-shadow و value آن اشنا می شویم و به توضیح آن می پردازیم و در پایان با مثال های متعدد اهمیت این پراپرتی جدید و قدرتمند را بررسی می کنیم.


    دانلود

    منبع آموزش

     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏13 آگوست 2015
  12. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه دهم :
    به ادامه typography و استایل دهی متون در ۳ css می پردازیم و با پراپرتی text-stroke و value های آن برای مرورگر کروم اشنا می شویم و همچنین به پیاده سازی این خاصیت در مرورگر های دیگر از طریق دستور text-shadow می پردازیم.

    دانلود

    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏14 آگوست 2015
  13. arinkish

    arinkish New Member

    ارسال‌ها:
    2
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    تشکر فراوان بابت لینک ها. همه رو دانلود کردم.:)
     
    نوشته شده توسط arinkish در ‏14 آگوست 2015
  14. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه یازدهم :
    به ادامه typography و استایل دهی متون در ۳ css می پردازیم و با پراپرتی Box-Reflect و Value های آن برای مرورگر کروم اشنا می شویم و با mask box image و حالت های پیاده سازی آن آشنا می شویم و به gradient می پردازیم و به کاربرد آن در Reflection اشاره می کنیم و در نهایت حالت های مختلف را پس از پیاده سازی روی عکس،روی متن پیاده می کنیم.

    دانلود

    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏15 آگوست 2015
  15. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه دوازدهم :
    به اخرین جلسه typography و استایل دهی متون در ۳ css می پردازیم و در ابتدا به طور مفصل در مورد خاصیت overflow صحبت می کنیم و بعد به خاصیت های text-overflow و word-wrap در css3 می پردازیم و تفاوت های آن ها را بررسی می کنیم.

    دانلود

    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏18 آگوست 2015
  16. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه سیزدهم :
    با پراپرتی های color, image, repeat, attachment و position در background اشنا می شویم و به value های آن می پردازیم و در نهایت نحوه shorthand یا مختصر نویسی آن را شرح می دهیم.


    دانلود

    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏19 آگوست 2015
  17. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه چهاردهم :
    به طور مفصل و با مثال های متعدد به پراپرتی display و value های آن می پردازیم و در مورد تفاوت value های آن صحبت می کنیم و با استفاده از این پراپرتی یک لیست را به وجود می آوریم و یک عنصر را مخفی می کنیم.

    دانلود


    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏20 آگوست 2015
  18. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه پانزدهم :
    به نحوه ی تنظیم عرض و ارتفاع عناصر را با استفاه از پراپرتی های
    max-width, height, min-height, max-height ,min-width,width
    می پردازیم و نکات مهمی را درباره ی استفاده از این پراپرتی ها مطرح می کنیم و به
    صورت عملی تفاوت inline و inline-block را بیان و به کاربرد max-width می پردازیم.


    دانلود

    منبع آموزش
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏23 آگوست 2015
  19. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه شانزدهم :
    ابتدا به واحد ها در css می پردازیم و واحد های نسبی و مطلق را معرفی و سپس مهم ترین آن ها را بیان می کنیم و سپس به
    سراغ فونت ها میرویم و در مورد پراپرتی های
    font-family, font-style, font-weight, font-size, lineheight
    صحبت می کنیم و با value های آن اشنا می شویم و سپس نکات مهمی را در این رابطه مطرح می کنیم.

    منبع آموزش

    دانلود
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏24 آگوست 2015
  20. amoozesh-sara.i

    amoozesh-sara.i Member

    ارسال‌ها:
    52
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    جلسه هفدهم :
    به دو نکته باقی مانده از جلسه قبل می پردازیم و درمورد پراپرتی font صحبت می کنیم و سپس font face را اغاز می کنیم و در مورد فرمت های مختلف فونت و نحوه پشتیبانی از چند فرمت صحبت می کنیم و در نهایت به font services می پردازیم.

    منبع آموزش

    دانلود
     
    آخرین ویرایش: ‏2 سپتامبر 2015
    نوشته شده توسط amoozesh-sara.i در ‏25 آگوست 2015

به اشتراک بگذارید