آموزش CSS3 Ultimate Guide 2022

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

نسخه توسعه دهنده فایرفاکس Firefox Developer Edition

• بررسی اجمالی Overview

• دانلود و نصب کنید Download & Install

• امکانات Features

• ابزارهای توسعه دهنده Developer Tools

• خلاصه Summary

اتم Atom

• بررسی اجمالی Overview

• دانلود و نصب کنید Download & Install

• دانلود و نصب کنید Download & Install

• یک پروژه را باز کنید Open a Project

• کنترل نسخه Version Control

• با Teletype همکاری کنید Collaborate with Teletype

• یک پکیج نصب کنید Install a Package

• یک تم را انتخاب کنید Choose a Theme

• اسکریپت Init را هک کنید Hack on the Init Script

• یک Snippet اضافه کنید Add a Snippet

• کلید های میانبر صفحه کلید Keyboard Shortcuts

• خلاصه Summary

تاریخ History

• بررسی اجمالی Overview

• تاریخ History

• CSS چیست What is CSS

• CSS3 چیست؟ What is CSS3

ویژگی های اساسی Basic Properties

• بررسی اجمالی Overview

• دانلود فایل های دوره Download Course Files

• نظرات Comments

• CSS را درج کنید Insert CSS

• نحو Syntax

• انتخابگرها Selectors

• رنگ ها Colors

• پس زمینه ها Backgrounds

• مرز ها Borders

• حاشیه ها Margins

• لایه گذاری Padding

• ارتفاع و عرض Height and Width

• مدل جعبه Box Model

• طرح کلی Outline

• متن Text

• فونت ها Fonts

• نمادها Icons

• پیوندها Links

• لیست ها Lists

• جداول Tables

• نمایش دادن Display

• حداکثر عرض Max-Width

• موقعیت Position

• سرریز Overflow

• شناور Float

• Inline-Block Inline-Block

• تراز کردن Align

• ترکیب کننده ها Combinators

• کلاس شبه Pseudo Class

• عنصر شبه Pseudo Element

• کدورت Opacity

• نوار ناوبری Navigation Bar

• کشویی Dropdowns

• گالری تصاویر Image Gallery

• اسپرایت های تصویری Image Sprites

• انتخابگرهای ویژگی Attribute Selectors

• تشکیل می دهد Forms

• شمارنده ها Counters

• طرح بندی وب سایت Website Layout

• واحدها Units

• اختصاصی Specificity

• !مهم !important

ویژگی های پیشرفته Advanced Properties

• بررسی اجمالی Overview

• گوشه های گرد Rounded Corners

• تصاویر حاشیه Border Images

• گرادیان ها Gradients

• سایه ها Shadows

• انتقال ها Transitions

• تصاوير متحرك Animations

• نکات ابزار Tooltips

• دکمه ها Buttons

• صفحه بندی Pagination

• داستان های رسانه Media Queries

فلکس باکس Flexbox

• بررسی اجمالی Overview

• فلکس باکس Flexbox

• کانتینر فلکس Flex Container

• اقلام فلکس Flex Items

• Flex Responsive Flex Responsive

پاسخگو Responsive

• بررسی اجمالی Overview

• درگاه دید Viewport

• نمای شبکه Grid View

• داستان های رسانه Media Queries

• تصاویر Images

• فیلم های Videos

• چارچوب ها Frameworks

• قالب ها Templates

توری Grid

• بررسی اجمالی Overview

• توری Grid

• ظرف توری Grid Container

• اقلام شبکه Grid Items

پروژه Project

• بررسی اجمالی Overview

• بررسی اجمالی Overview

• صفحه اصلی سبک Style Home Page

• صفحه پشتیبانی فنی سبک Style Tech Support Page

• صفحه دوره سبک Style Course Page

• صفحه پرمیوم سبک Style Premium Page

• صفحه فناوری یادگیری سبک Style Learn Tech Page

• صفحه تماس با سبک Style Contact Page

• خلاصه Summary

• خلاصه Summary

نتیجه Conclusion

• متشکرم Thank You