سنتعلم في هذا الفيديو لغة css بالكامل في فيديو واحد
روابط مهمة:
جميع الروابط هنا :
اختبارات css:
https://nouvil.net/css-play-ground/
___________________
للتواصل معي على حسابي على instagram :
https://www.instagram.com/abdelrahman_noufal/
___________________
أكاديمية نوفيل لتعليم البرمجة :
https://nouvil.net/
___________________
جروب الفيسبوك الخاص بنا :
https://www.facebook.com/groups/1810581845642171/
___________________
حسابي على الفيسبوك للاهمية فقط :
https://www.facebook.com/abdelrahman.g.nofal
___________________
ما هي CSS ؟
عليك تعلم CSS ان اردت ان تكون مطور واجهات متخصص, كما عليك بالتأكيد تعلم HTML قبل ذلك و لها كورس ايضا على القناة ان اردت ذلك
تعتبر CSS لغة توصيفية تقوم بمنح موقع الويب تصميمه الفريد الذي سيميزه عن غيره من المواقع
تعد لغة ال CSS صديقة للغة ال HTML فهي دائماً مرافقة لها وبجانبها في تصميم وإنشاء صفحات الويب.
تشكل كل من هاتان اللغتان الأساس لكل موقع، فال HTML هي أساس كل عناصر صفحة الويب
أما ال CSS فهي أساس تصميم وشكل الموقع فبدونها ستظل مواقع الويب نصًا عاديًا على خلفيات بيضاء
كيف تعمل CSS ؟
لفهم أساسيات عملها، يجب أولاً فهم القليل عن لغة HTML (الشرح في مقالة منفصلة).
حيث تكون عناصر صفحات الويب عبارة عن وحدات على أشكال مربعة يحتوي كل منها على عناصر عديدة ويتم تخصيص حجمها وشكلها عن طريق لغة ال CSS .
على سبيل المثال: رأس الصفحة عبارة عن مربع، ويحتوي على العديد من الوحدات الأخرى الأصغر التي تضم جميع العناصر التي تشكل رأس الصفحة ، مثل الشعار، و الناف بار، و أيقونات التواصل الاجتماعية وما إلى ذلك.
يقوم المطور باستخدام CSS بتخصيص الشكل والحجم إلى رأس الصفحة.
وفي لغة ال CSS يتم تطبيق الخصائص على كل العناصر التي تحمل ال Class or Id المختار في ال CSS.
مثلا في الHTML لو تم تعيين Selector واحد لأكثر من عنصر في الصفحة وتم تعيين شكل وخصائص لهذا ال Selector فكل العناصر الحاملة له ستاخذ نفس الخصائص .
______________
توقيت الفيديو
00:00 ماذا سنتعلم في كورس css
02:50 css syntax
20:22 css selectors
31:56 Descendant selector
42:15 Box Model
01:03:07 Margin Auto
01:09:39 النسبة المئوية
01:21:16 Max - Min
01:33:26 Border Radius
01:40:40 Inline & Block
01:48:42 Text Align
01:55:21 Direction
01:57:34 Text Transform
02:00:06 Text Spacing
02:03:03 Text Decoration
02:09:01 Text Shadow
02:20:52 Wrapping White Space
02:32:47 css Fonts
02:48:13 Font Size
02:57:12 Font Style
02:58:52 Font Variant
03:01:24 Font Weight
03:16:19 Font Shorthand
03:25:32 Background
03:50:43 Linear Gradient
04:03:41 Radial Gradient
04:09:54 Float
04:21:36 Overflow
04:27:07 Position
04:42:10 Z-index
04:45:44 List Style
04:50:04 Table Style
04:57:12 CSS Units
05:07:18 Pseudo Classes
05:21:35 Pseudo Elements
05:32:17 Sibling Selectors
05:39:39 Attribute Selectors
05:53:23 Transform
06:07:59 Translate - scale - rotate
06:11:23 Transition
06:25:44 Animation
06:47:34 Inline - Block
07:00:09 Display:none - opacity - visibility
07:04:24 CSS Flex Box
07:52:59 CSS Grid
08:47:11 CSS Responsive