الدورات التعليمية
HTML
CSS
BOOTSTRAP
JAVASCRIPT
PHP
SQL MYSQL
PHP MYSQL
REST API
NODEJS
REACT
PYTHON
JAVA
ANDROID STUDIO
GIT GITHUB
أكاديمية شيار
دوراتنا على منصة يوتيوب
النهار
الليل
تلقائي
Twitter
Facebook
Facebook
LinkedIn
Copy link
6
طريقة تحديد عناصر html في CSS عبر اسم id و class
تعلم تصميم مواقع الويب المذهلة بسهولة و بإحترافية باستخدام HTML و CSS
دورة تعلم CSS (67 محاضرة)
1
تشغيل
افضل كورس تعلم CSS من الصفر حتى الاحتراف بسهولة
2
تشغيل
تعلم VS Code: كيفية إنشاء سيرفر محلي واستخدام ميزة Lighthouse في Chrome
3
تشغيل
شرح كيفية ربط ملف css بملف html بسهولة
4
تشغيل
شرح كيفية استخدام CSS لتصميم عناصر HTML بسهولة
5
تشغيل
شرح CSS comments - طريقة إنشاء تعليقات في CSS
Crash Course to learn CSS ( lectures)
6
تشغيل
طريقة تحديد عناصر html في CSS عبر اسم id و class
7
تشغيل
طريقة تحديد عناصر html في CSS (الجزء الثاني)
8
تشغيل
طرق تحديد الألوان بدقة عالية - القيمة الاسمية والـRGB والـHSL والـHEX
9
تشغيل
طريقة تحديد لون خلفية الموقع بالتفصيل - ونصائح لاختيار الألوان المناسبة
10
تشغيل
طريقة تحديد صورة كخلفية لموقعك وتحكم بحجمها وتكرارها
11
تشغيل
تحديد تموضع الخلفية وطريقة عمل العمليات الحسابية لتحسين تصميم موقعك
12
تشغيل
شرح كيفية جعل صورة خلفية موقعك ثابتة ومرتبة بشكل أفضل
13
تشغيل
شرح كيفية مزج الألوان مع صور الخلفية بسهولة
14
تشغيل
شرح الفرق بين عناصر inline و block و inline-block
15
تشغيل
شرح ما هو أمر important وكيف يؤثر على تصميم المواقع
16
تشغيل
شرح القيمة initial و unset و inherit واستخداماتها
17
تشغيل
شرح width max-width و min-width - طريقة تحديد قياس عناصر html
18
تشغيل
شرح الفرق بين height و min-height و max-height
19
تشغيل
شرح padding
20
تشغيل
شرح margin في لغة CSS
21
تشغيل
تعلم تصميم مواقع الويب بشكل جذاب ب html و css
22
تشغيل
شرح text-align وكيفية استخدامه لتحديد محاذاة النص بشكل دقيق وجميل
23
تشغيل
شرح border و كيفية عرض موقعك في هاتف بالمتصفح على الكمبيوتر
24
تشغيل
شرح outline و outline-offset - كيفية إضافة تأثيرات لحدود العناصر في موقعك
25
تشغيل
طريقة قطع زوايا بشكل دائري او منحني - شرح border-radius
26
تشغيل
شرح تصميم النصوص في CSS: كيفية تحديد حجم الخط ونمط الخط و نوع الخط
27
تشغيل
تغيير نوع الخط في CSS: شرح font-family واستخدام Google Fonts
28
تشغيل
css text spacing word spacing letter spacing text indent word wrap line height
29
تشغيل
direction text decoration text transform
30
تشغيل
float clear in css create cards using html and css
31
تشغيل
opacity visibility display none
32
تشغيل
css hover cursor focus active
33
تشغيل
not in css and how to create pagination using css
34
تشغيل
تعلّم إنشاء خلفيات متعددة الألوان - شرح linear gradient
35
تشغيل
كيفية التعامل مع المحتوى الزائد باستخدام خاصية overflow
36
تشغيل
ابتكر تصميمًا باستخدام تأثيرات الظلال - شرح text-shadow و box-shadow
37
تشغيل
شرح تقنية transform في CSS: طريقة تحريك عناصر html بسهولة
38
تشغيل
شرح تقنية transform في CSS: التحريك والتدوير والتحويل عناصر html بإحترافية
39
تشغيل
تعلم كيفية تحكم في حجم العناصر HTML بسهولة مع خاصية resize
40
تشغيل
Focus selector في CSS: كيفية التحكم في تركيز المستخدم
41
تشغيل
"تحويل موقعك إلى شيق ومبتكر: كل ما تحتاج لمعرفته عن transition في CSS
42
تشغيل
إتقان تنسيق العناصر بواسطة CSS Flexbox: شرح justify-content, display: flex
43
تشغيل
تنظيم صفحة الويب: شرح float و clear both في CSS
44
تشغيل
شرح Position: fixed و static في CSS - ما هي الفرق وكيفية استخدامهما
45
تشغيل
شرح Position: relative في CSS وكيفية استخدامهما
46
تشغيل
شرح Position: absolute في CSS وكيفية استخدامهما
47
تشغيل
تعلم كيفية تصميم List بإحترافية باستخدام CSS
48
تشغيل
تعلم كيفية استخدام خاصية Object Fit في CSS لإضافة تأثيرات فنية على الصور
49
تشغيل
كيفية تحديد عناصر HTML معينة في CSS باستخدام الخاصية attribute-selecto
50
تشغيل
تعلّم كيفية إنشاء رسوم متحرّكة (animation ) مذهلة باستخدام CSS
51
تشغيل
أحدث تقنيات القص في CSS: تعلم كيفية قص الصور والعناصر بإحترافية
52
تشغيل
تعرّف على كيفية تحديد شكل المؤشر في CSS باستخدام Cursor
53
تشغيل
طريقة جعل صور ك لون النص في عناصر html
54
تشغيل
طريقة إضافة خطوط حول النص بإحترافية - شرح webkit text stroke
55
تشغيل
تعلم كيفية تحويل أزرار HTML المملة إلى أزرار جذابة باستخدام CSS
56
تشغيل
كيفية استخدام محددات valid و invalid لتنسيق الإدخالات الصحيحة والخاطئة
57
تشغيل
تعلّم تصميم جداول متميّز وجذّاب باستخدام CSS و HTML
58
تشغيل
تحويل اتجاه العناصر HTML بشكل ثلاثية الأبعاد باستخدام transform scale
59
تشغيل
كيفية تصميم صفحة طباعة احترافية باستخدام print media queries
60
تشغيل
تعلم كيفية تصميم مواقع متجاوبة مع جميع اجهزة - شرح Media Queries
61
تشغيل
"كيفية تصميم مواقع متجاوبة باستخدام media queries orientation
62
تشغيل
شرح Flexbox: تقنية رائعة لتحسين تنسيق الويب و الحل الأمثل لمشاكل تصميم
63
تشغيل
شرح Flexbox: تقنية رائعة لتحسين تنسيق الويب و الحل الأمثل لمشاكل تصميم
64
تشغيل
تعلم كيفية إضافة محتوى إلى عناصر مواقع الويب بإستخدام CSS
65
تشغيل
تعلم كيفية إضافة تأثيرات رائعة على الصور باستخدام CSS Image Filter
66
تشغيل
اكاديمية شيار - طريقة عمل أختبار وطلب شهادة عبر مدرسة شيار اونلاين Academy Shiyar - Online School
67
تشغيل
نهاية كورس تعلم CSS 🌟🤩 شرح خطواتك القادمة نحو الإحتراف
شاهد
المزيد
اقل
دروس
slide
7 to 11
of 4
🌟 كورسات المقترحة ⚡️
15.3k
4.9
Frontend Development
99.1k
4.8
Frontend Development
57.4k
4.7
Backend Development
66.8k
4.8
Backend Development
37.2k
4.8
Backend Development
24.3k
4.8
Frontend/Backend Development
6.1k
5.0
Backend Development
2.4k
4.9
Frontend Development
12.2k
4.9
Python for Beginners
52.8k
4.9
Java for Beginners
29.9k
4.6
Apps Development
0.1k
4.9
Version Control Systems
221.2k
5.0
Frontend Development
62.6k
5.0
Frontend Development
هذا الدورة تشمل
محاضرة
67
مهارات
مبتدئ
اللغة
العربية
الشهادة
نعم
كودر شيار
مؤسس أكاديمية شيار
4.9/5.0
متابعة
YouTube
ShiyarAcademy
Facebook
Github
Blog
Instagram
Udemy
Courses
CSS
6