آموزش CSS (سی اس اس) پروژه محور

توضیحات تدریس

Css (سی اس اس) کوتاه شده یا مخفف عبارت Cascading Style Sheets می باشد که قابلیت صفحه آرایی؛ استایل دهی و زیبا سازی صفحات وب را برای طراحان سایت فراهم می سازد. در واقع ساختار یک صفحه با استفاده از HTML تعیین می شود و سپس با به کار بردن کدهایی دیگر به این ساختار و چیدمان استایل داده می شود. تمامی رنگ ها، ابعاد و اندازه ها، حاشیه ها، مکان قرارگیری، فونت ها و سایر خصوصیات اجزای یک صفحه ی وب، با استفاده از CSS تعیین خواهند شد. آشنایی با CSS (سی اس اس) معرفی CSS (سی اس اس) ترتیب اجرای css selector ها در css تگ های span و div ارث بری در css ترکیب selector ها رنگ ها (colors) در css پراپرتی background-color رنگ ها در css واحد ها (units) در css واحد های pixel و percent و em و rem واحد های vw و vh استایل های پیش فرض و ابزار devtools در مرورگر تابع ()calc پراپرتی hight و width تایپوگرافی (typography) در css پراپرتی font-family افزودن فونت به css پراپرتی های دیگر فونت box model در css پراپرتی padding و margin و border پراپرتی outline box-sizing نمایش (display) در css پراپرتی display مقدار inline-box پراپرتی های دیگر display تصویر پس زمینه (background image) در css پراپرتی background-image linear gradient background image overlay موقعیت (position) و float در css پراپرتی float پراپرتی های position پراپرتی z-index رسپانسیو (media query) در css آشنایی با رسپانسیو (responsive) دستور media query طراحی mobile-first pseudo-element و pseudo-class در css آشنایی با pseudo-element آشنایی با pseudo-class transform و transition و animation در css پراپرتی transform پراپرتی transition پراپرتی animation مباحث تکمیلی در css متغیر در css آیکون (icon) پراپرتی text-shadow و body-shadow مبحث browser prefix مبحث smantic HTML پراپرتی object-fit