آموزش سریع CSS: ساخت وب‌سایت‌های ریسپانسیو از صفر - آخرین آپدیت

درس‌ها Lessons

• مقدمه Introduction

• CSS چیست؟ What Is CSS?

• سینتکس و ساختار CSS CSS Syntax

• ویژگی‌ها و مقادیر در CSS CSS Properties And Values

• انواع CSS: داخلی، خطی و خارجی CSS - Inline, Internal & External

• نصب نرم‌افزار VS Code VS Code Installation

• راه اندازی Code Pen Code Pen Setup

• انتخاب‌گرهای پایه در CSS CSS Basic Selectors

• اولویت‌بندی در CSS (Specificity) CSS Specificity

• کار با رنگ‌ها در CSS CSS Color

• درخت خانوادگی HTML HTML Family Tree

• عرض و ارتفاع در CSS CSS Width & Height

• فاصله‌های داخلی و خارجی (Padding & Margin) CSS Padding & Margin

• کار با حاشیه‌ها (Border) CSS Border

• سایه‌ها در CSS CSS Shadows

• مقایسه Content Box و Border Box CSS Content Box Vs Border box

• ویژگی Display: Inline, Block, Inline-block CSS Display – Inline, Block, Inline block

• رنگ پس‌زمینه و گرادینت‌ها CSS Background Color & Gradients

• تصویر پس‌زمینه CSS Background Image

• استفاده از Float CSS Float

• مدیریت Overflow CSS Overflow

• موقعیت‌سنجی (Position) CSS Position

• لایه‌بندی با Z-index CSS Z index

• پروژه ساخت کارت (Card Project) CSS Card Project

• کار با فونت‌ها CSS Fonts

• اندازه فونت‌ها CSS Font Sizes

• ویژگی‌های متنی CSS Properties

• استفاده از Font Face CSS Font Face

• کار با گوگل فونت‌ها CSS Google Fonts

• ترازبندی و شکست خطوط متن CSS Text Align & Wrapping

• انتخاب‌گرهای گروهی CSS Group Selector

• المان‌های مجازی (Link, Visited, Hover, Active) CSS Pseudo Elements Link Visited Hover Active

• انتخاب‌گر جهانی (Universal Selector) CSS Universal Selector

• میدیا کوئری (Media Query) CSS Media Query

• نقاط شکست در میدیا کوئری CSS Media Query Breaking Point

• پروژه میدیا کوئری CSS Media Query Project

• ساخت چیدمان وب ریسپانسیو - بخش اول Create A Responsive Web Layout Part1

• ساخت چیدمان وب ریسپانسیو - بخش دوم Create A Responsive Web Layout Part2

• پیاده‌سازی میدیا کوئری در چیدمان وب Use Media Queries in Web Layout

• جمع‌بندی و نتیجه‌گیری Conclusion