آموزش CSS برای همه: از مبتدی تا رئیس [ویدئو]

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

CSS 101: راهنمای مبتدیان برای وب سایت های زیبا CSS 101: A beginner's guide to beautiful websites

• معرفی Introduction

• معرفی Introduction

• CSS چیست؟ What is CSS?

• CSS چیست؟ What is CSS?

• CSS چگونه کار می کند؟ How Does CSS work?

• CSS چگونه کار می کند؟ How Does CSS work?

• بررسی اجمالی نحو CSS CSS Syntax Overview

• بررسی اجمالی نحو CSS CSS Syntax Overview

• CSS درون خطی Inline CSS

• CSS درون خطی Inline CSS

• CSS داخلی Internal CSS

• CSS داخلی Internal CSS

• معرفی انتخابگرهای CSS CSS Selectors Introduction

• معرفی انتخابگرهای CSS CSS Selectors Introduction

• انتخابگرهای عنصر Element Selectors

• انتخابگرهای عنصر Element Selectors

• انتخاب کنندگان کلاس Class Selectors

• انتخاب کنندگان کلاس Class Selectors

• انتخابگرهای شناسه ID Selectors

• انتخابگرهای شناسه ID Selectors

• انتخابگرهای گروه بندی شده Grouped Selectors

• انتخابگرهای گروه بندی شده Grouped Selectors

• عناصر تو در تو Nested Elements

• عناصر تو در تو Nested Elements

• نظر دادن کد شما Commenting Your Code

• نظر دادن کد شما Commenting Your Code

• رنگ های متن Text Colors

• رنگ های متن Text Colors

• انواع رنگ های مختلف Different Color Types

• انواع رنگ های مختلف Different Color Types

• پیوندها Links

• پیوندها Links

• اندازه های فونت Font Sizes

• اندازه های فونت Font Sizes

• انواع اندازه گیری Measurement Types

• انواع اندازه گیری Measurement Types

• رنگ های پس زمینه Background Colors

• رنگ های پس زمینه Background Colors

• تصاویر پس زمینه Background Images

• تصاویر پس زمینه Background Images

• ابزار بازرسی The Inspect Tool

• ابزار بازرسی The Inspect Tool

• تراز کردن متن Text Align

• تراز کردن متن Text Align

• مرز ها Borders

• مرز ها Borders

• شعاع مرزی Border Radius

• شعاع مرزی Border Radius

• نمایش دادن Display

• نمایش دادن Display

• عرض Width

• عرض Width

• ارتفاع Height

• ارتفاع Height

• سایه های جعبه Box Shadows

• سایه های جعبه Box Shadows

• لایه گذاری Padding

• لایه گذاری Padding

• لبه Margin

• لبه Margin

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

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

• کدورت Opacity

• کدورت Opacity

• CSS خارجی External CSS

• CSS خارجی External CSS

• عناصر شناور Floating Elements

• عناصر شناور Floating Elements

• پروژه CSS 101 شما Your CSS 101 Project

• پروژه CSS 101 شما Your CSS 101 Project

• خلاصه بخش Section Summary

• خلاصه بخش Section Summary

CSS 201 - CSS متوسط CSS 201 – Intermediate CSS

• معرفی Introduction

• معرفی Introduction

• ویژگی نمایش The Display Property

• ویژگی نمایش The Display Property

• مدل جعبه The Box Model

• مدل جعبه The Box Model

• نمای کلی Outlines

• نمای کلی Outlines

• سایه های متن Text Shadows

• سایه های متن Text Shadows

• حداقل عرض عنصر Minimum Element Width

• حداقل عرض عنصر Minimum Element Width

• مقدمه ای بر موقعیت های CSS Introduction to CSS Positions

• مقدمه ای بر موقعیت های CSS Introduction to CSS Positions

• موقعیت یابی نسبی Relative Positioning

• موقعیت یابی نسبی Relative Positioning

• موقعیت یابی مطلق Absolute Positioning

• موقعیت یابی مطلق Absolute Positioning

• موقعیت یابی ثابت Fixed Positioning

• موقعیت یابی ثابت Fixed Positioning

• موقعیت یابی چسبنده Sticky Positioning

• موقعیت یابی چسبنده Sticky Positioning

• متن سرریز Overflowing Text

• متن سرریز Overflowing Text

• مرکز کردن عناصر بلوک Centering Block Elements

• مرکز کردن عناصر بلوک Centering Block Elements

• انتخابگرهای پیشرفته CSS Advanced CSS Selectors

• انتخابگرهای پیشرفته CSS Advanced CSS Selectors

• معرفی شبه انتخابگرها Introduction to Pseudo Selectors

• معرفی شبه انتخابگرها Introduction to Pseudo Selectors

• انتخابگرهای شبه Pseudo Selectors

• انتخابگرهای شبه Pseudo Selectors

• مقدمه ای بر عناصر شبه Introduction to Pseudo Elements

• مقدمه ای بر عناصر شبه Introduction to Pseudo Elements

• قبل و بعد از عناصر شبه Before and After Pseudo Elements

• قبل و بعد از عناصر شبه Before and After Pseudo Elements

• المان های شبه حرف اول و خط اول First Letter and First Line Pseudo Elements

• المان های شبه حرف اول و خط اول First Letter and First Line Pseudo Elements

• برجسته کردن متن با انتخاب Highlighting Text with Selection

• برجسته کردن متن با انتخاب Highlighting Text with Selection

• انتقال های صاف Smooth Transitions

• انتقال های صاف Smooth Transitions

• پس زمینه های گرادیان Gradient Backgrounds

• پس زمینه های گرادیان Gradient Backgrounds

• لایه بندی پس زمینه ها و گرادیان ها Layering Backgrounds and Gradients

• لایه بندی پس زمینه ها و گرادیان ها Layering Backgrounds and Gradients

• فونت های وب سفارشی Custom Web Fonts

• فونت های وب سفارشی Custom Web Fonts

• تحولات Transformations

• تحولات Transformations

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

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

• فلکس باکس Flexbox

• فلکس باکس Flexbox

• توری Grid

• توری Grid

• پروژه CSS 201 شما Your CSS 201 Project

• پروژه CSS 201 شما Your CSS 201 Project

• خلاصه بخش Section Summary

• خلاصه بخش Section Summary

CSS 201 - CSS متوسط CSS 201 – Intermediate CSS

CSS 301 - طراحی وب سایت واکنش گرا CSS 301 - Responsive Web Design

• معرفی Introduction

• معرفی Introduction

• عنصر متا Viewport The Viewport Meta Element

• عنصر متا Viewport The Viewport Meta Element

• نحو پرس و جو رسانه Media Query Syntax

• نحو پرس و جو رسانه Media Query Syntax

• Mobile-First چیست؟ What is Mobile-First?

• Mobile-First چیست؟ What is Mobile-First?

• تصاویر واکنش گرا Responsive Images

• تصاویر واکنش گرا Responsive Images

• جاسازی های پاسخگو Responsive Embeds

• جاسازی های پاسخگو Responsive Embeds

• پرس و جوهای چند رسانه ای Multiple Media Queries

• پرس و جوهای چند رسانه ای Multiple Media Queries

• ساخت یک چیدمان پاسخگو Making a Responsive Layout

• ساخت یک چیدمان پاسخگو Making a Responsive Layout

• پروژه CSS 301 شما Your CSS 301 Project

• پروژه CSS 301 شما Your CSS 301 Project

• خلاصه Summary

• خلاصه Summary

CSS 301 - طراحی وب سایت واکنش گرا CSS 301 - Responsive Web Design