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

attachment.php

سلام
این آموزش از سری آموزش های css سایتآموزش سرا است.
در این مجموعه ما تمام مباحث css را به طور کامل شرح می دهیم و شما css را با ریزترین جزئیات یاد میگیرید.
 
آخرین ویرایش:
جلسه دوم:ساختار css را توضیح میدهیم.

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

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

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

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

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


دانلود

منبع آموزش

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

دانلود

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


دانلود

منبع آموزش
 
آخرین ویرایش:
جلسه پنجم :
به ادامه 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ها را به پایان می رسانیم.
دوستان من اول فیلم به اشتباه گفتم جلسه چهارم،این جلسه پنجم هست

دانلود

منبع آموزش
 
آخرین ویرایش:

hamid_hes

New Member
با سلام و تشکر فراوان

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

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


دانلود

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


دانلود

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


دانلود

منبع آموزش

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

دانلود

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

دانلود

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

دانلود

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


دانلود

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

دانلود


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


دانلود

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

منبع آموزش

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

منبع آموزش

دانلود
 
آخرین ویرایش:

جدیدترین ارسال ها

بالا