آموزش اصول CSS
بازگشت به داشبورد
بخشهای دوره
بخش 1
مقدمه
1
مقدمه ای بر CSS
0:59
2
آنچه شما باید بدانید
0:23
3
ابزار و نمونه پروژه ها
1:16
بخش 2
شروع شدن
1
HTML و CSS
1:18
2
ابزارهای توسعه دهنده مرورگر
3:11
3
ارجاع به CSS
4:29
4
مروری بر پروژه و راه اندازی آن
4:13
5
بهینه سازی تصاویر و نمایشگرهای
2:43
6
مسیرهای نسبی
4:35
7
مسیرهای مطلق یا دقیق
2:25
بخش 3
مفاهیم اصلی
1
W3C و خصوصیات CSS
3:13
2
syntax و اصطلاحات CSS
3:06
3
مقادیر و واحدهای CSS
3:01
4
مقادیر ویژگی رنگ
4:12
5
سلکتورهای Type و universal
3:20
6
سلکتورهایClass و ID
3:05
7
تمرین سلکتورهایClass و ID
3:28
8
سلکتورهای نسل
3:48
9
گروه بندی سلکتورها
1:38
10
وراثت و حق تقدم در CSS
4:33
11
آبشار و دستور important
1:43
12
افزودن رنگها
6:18
13
سلکتورهای شبه کلاس و لینکها
5:04
14
سبک دادن به لینکها
8:05
بخش 4
مدل جعبه
1
مقدمهای بر مدل جعبه
1:05
2
Inline،block و display
3:06
3
ویژگی های مدل جعبه
2:06
4
کاربرد و syntax ویژگی های جعبه
3:17
5
اشکال زدایی مدل جعبه
3:28
6
Padding،margin و border
5:34
7
Margin و طرح بندیها
3:03
8
افزودن content wrapper
5:09
9
Margin و padding
6:20
بخش 5
تایپوگرافی
1
تایپوگرافی برای وب
2:59
2
تغییر ویژگی font-family
2:28
3
ویژگیهای Font-weight و font-style
3:06
4
به کارگیری فونت های وب توسط @font-face
2:58
5
استفاده از Google Fonts
1:56
6
تمرین – فونت های گوگل
4:04
7
ویژگی font-size
4:24
8
ویژگی با فرم مختصر Font
1:50
9
Text-decoration، align و line-height
3:57
10
سبک های تایپوگرافی
4:07
بخش 6
ویژگی Float یا شناوری
1
مقدمهای بر ویژگی Float یا شناوری
1:02
2
ویژگیهای float و clear
3:00
3
ویژگی Float و در هم شکستن کانتینر
5:04
4
طرح بندی ها و مدل جعبه
6:00
5
پروژه – رفع مدل شناور و جعبه
5:49
6
ویژگی position
5:24
7
موقعیت یابی المنتها روی محور
3:26
بخش 7
چیدمان Flexbox و Grid
1
مقدمهای بر Grid و Flexbox
1:36
2
مقدمهای بر Flexbox
2:33
3
ترتیب و جهت ها در Flexbox
2:08
4
سایزدهی انعطاف پذیر
2:34
5
تمرین Flexbox
2:23
6
تراز کردن با Flexbox
2:13
7
تراز کردن با Flexbox – تمرین
4:56
8
مقدمهای بر CSS Grid
2:21
9
گرید صریح
5:00
10
گرید ضمنی
3:28
11
ویژگیهای مبتنی بر موقعیت برای grid
3:09
12
ستون های Grid و ابزار فایرفاکس
7:28
بخش 8
انتخاب کنندگان پیشرفته
1
مقدمهای بر سلکتورهای پیشرفته
0:47
2
کلمبینیتورها یا سلکتورهای رابطهای
2:10
3
به روز رسانی پروژه با کامبینیتورها
5:16
4
سلکتورهای شبه کلاس First و last
1:51
5
سلکتورهای پیشرفته – تمرین
3:26
بخش 9
طراحی responsive یا واکنشگرا
1
مقدمهای بر طراحی responsive
2:06
2
طرح بندی fluid
3:33
3
تصاویر پس زمینه انعطاف پذیر
4:50
4
تصاویر پس زمینه انعطاف پذیر – تمرین
4:57
5
مقدمهای بر media queries
3:59
6
Media queries، عرضها و نقاط انفصال
3:26
7
تست طرح بندی های responsive
3:20
8
Media queries و طرح بندی responsive
13:58
بخش 10
نتیجه
1
گامهای بعدی
0:39
مقدمه
مقدمه ای بر CSS