آموزش مقدمه ای بر CSS - دوره کامل مبتدی تا متخصص

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

مقدمه ای بر نوشتن CSS Introduction to writing CSS

• معرفی دوره CSS CSS Course Introduction

• راه اندازی محیط توسعه دهنده Developer environment Setup

• CSS چیست What is CSS

• مبانی CSS Basics of CSS

• بخش منابع Section Resources

نوشتن CSS Writing CSS

• سبک درون خطی CSS CSS Inline Style

• سبک های درون خطی کد منبع Source Code inline styles

• استایل تگ استایل Style Tag Styling

• کد منبع Source Code

• ایجاد و استفاده از فایل CSS Creating and using CSS file

• کد منبع Source Code

• انتخاب CSS و کلاس ها CSS selection and classes

• کد منبع Source Code

• رنگ های CSS CSS Colors

• کد منبع Source Code

• ویژگی پس زمینه CSS CSS Background Property

• کد منبع Source Code

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

• کد منبع Source Code

• CSS برای موارد فهرست CSS for List items

• تمرین 1 یک وب سایت ساده را سبک کنید Exercise 1 style a simple website

• کد منبع Source Code

• اندازه‌گیری‌ها و ویژگی‌ها CSS Measures and Properties CSS

• Divs و Spans Divs and Spans

• کد منبع Source Code

• یک ظاهر طراحی متن CSS Styling Text CSS

• کد منبع Source Code

• خانواده فونت CSS CSS font Family

• کد منبع Source Code

• فونت های گوگل CSS Google Fonts CSS

• کد منبع Source Code

• CSS تمرین 2 CSS Exercise 2

• تمرین کد منبع 2 Source Code Exercise 2

• تصاویر شناور CSS CSS Floats Images

• کد منبع Source Code

• عناصر شناور CSS CSS float elements

• کد منبع Source Code

• مدل جعبه CSS CSS Box Model

• کد منبع Source Code

• تمرین 3 CSS Exercise 3 CSS

• تمرین کد منبع 3 Source Code Exercise 3

• راه حل تمرین 3 Exercise 3 Solution

ویژگی های بیشتر CSS More CSS Properties

• طرح کلی CSS CSS Outline

• کد منبع Source Code

• موقعیت CSS CSS position

• موقعیت یابی کد منبع Source Code Positioning

• تمرین 4 شبکه تصویر Exercise 4 Image grid

• تمرین کد منبع 4 Source Code Exercise 4

• سرگرمی CSS با پیوندها CSS fun with Hyperlinks

• لینک های کد منبع Source Code Hyperlinks

• کلاس های شبه CSS CSS Pseudo Classes

• کد منبع کلاس های شبه Source code Pseudo Classes

• CSS و جداول CSS and Tables

• جداول کد منبع Source Code Tables

• سرریز CSS و MaxWidth CSS Overflow and MaxWidth

• سرریز کد منبع Source Code Overflow

• ترازهای عناصر CSS CSS Element Alignments

• تراز کد منبع Source Code Align

تستر پروژه وب سایت سریع CSS Quick CSS website project Tester

• پروژه وب سایت قسمت 1 Website Project Part 1

• پروژه وب سایت قسمت 2 Website Project Part 2

• پروژه وب سایت قسمت 3 Website Project Part 3

• منبع نهایی پروژه Final Project Source

کد منبع بخش پاداش و نمونه های CSS Bonus Section Source Code and CSS examples

• نمونه کدنویسی CSS Rainbow CSS Rainbow coding example

• چگونه عناصر صفحه را با CSS در مرکز قرار دهیم How to center page elements with CSS

• نکات کد نویسی جاوا اسکریپت HTML CSS HTML CSS JavaScript Coding Tips