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

[mahyar33]

سلام​

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

 

[mahyar33]

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

دانلود

 

[mahyar33]

جلسه دوم:ساختار css را توضیح میدهیم.
با روش ذخیره سازی فایل های css به ۳ روش External , Internal , Inline اشنا می شویم.
با روش استفاده از دستورات CSS اشنا می شویم.
به بررسی برخی از سلکتور ها مثل:
class selector , id selector , group selector, child selector ,element selector
وتفاوت های آن ها و هم چنین به نحوه ترکیب این سلکتور ها میپردازیم.


دانلود

 

[mahyar33]

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

دانلود

 

[mahyar33]

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


دانلود

 

[mahyar33]

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

دانلود

 

[mahyar33]

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

دانلود

 

[mahyar33]

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


دانلود

 

[mahyar33]

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

دانلود

 

[mahyar33]

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

دانلود

 

[mahyar33]

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

دانلود

 

[mahyar33]

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


دانلود

 

[mahyar33]

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


دانلود

 

[mahyar33]

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

دانلود

 

[mahyar33]

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


دانلود

 

[mahyar33]

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


دانلود

 

[mahyar33]

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


دانلود

 

[mahyar33]

جلسه هجدهم :
در مورد list style و نحوه استایل دهی لیست ها صحبت می کنیم و به پراپرتی های list-style-type, list-style-image, list-style-position و value های آن می پردازیم و در نهایت حالت shorthand آن را بیان می کنیم.

دانلود

 

[mahyar33]

جلسه نوزدهم :
باز به مبحث pseude class یا کلاس های کاذب می پردازیم و در مورد کلاس های hover, link, active, visited و focus صحبت می کنیم و به شرح آن ها می پردازیم.

دانلود

 

[mahyar33]

جلسه بیستم :
وارد مبحث box model می شویم و پراپرتی padding را معرفی کرده و به حالت short hand آن پرداخته و انواع مقدار دهی آن را بررسی می کنیم.

دانلود