HomeОбразованиеRelated VideosMore From: Elzero Web School

Learn Css in Arabic #07 - Font Properties

969 ratings | 66107 views
Learn about font properties and how to use it font-family / font-size / font-style / font-weight
Html code for embedding videos on your blog
Text Comments (111)
Professional CO (2 months ago)
Thanx
Mousa Abdelnaby Ahmed (2 months ago)
ربنا يزيد حضرتك علم كمان وكمان وتفيدنا اكتر
BeBo Cartoon (3 months ago)
هو انا ممكن اكتب في اختصار الfont خصائص تبع الtext
eg_ Review (3 months ago)
اعمل ايه لو عايز اغير styleل<p>معين عن غيرهم؟؟؟وكدالك اكثر من SPANفي <P>واحد.؟؟
Blossom white (1 month ago)
لما تحب تغير span عن التاني او paragraph معين بتكتب class بجانب كل واحد وتسمي الكلاس ده اسامي كختلفه كمثال <"span class="one> ونفس الطريقه في p بعد كده تروح لصفحه css وتكتنب نوع الclass وتعمله style خاصه بيه وفي اكثر من طريقه غير دي
Ahm Ed (3 months ago)
شكرا جزيلا استاذ اسامه ماشاء الله اسلوبك جميل واضح مع تركيز على الفهم وكوني عملت في التدريس استطيع ان اقول على شرحك بانه فعلا ممتازورائع. بارك الله فيك
Elzero Web School (3 months ago)
تسلم ربنا يكرمك يارب
enjaz (3 months ago)
شكرا جزيلا
اضحك كركر (3 months ago)
اللينك مش شغال
Young Wolf (4 months ago)
يا اخي الله يوفقك في دنيا واخره
Khaled Mohamed (4 months ago)
لو سمحت يا أستاذ أسامه أولا بارك الله فيك وأحييك على مجهودك الرائع بس أنا لينك الفيديو بتاع الفرق بين النسبه المئويه والبكسل وال em مظهرليش ممكن حضرتك تحطهولي هنا
girgis adel (5 months ago)
لو سمحت استاذ اسامه انا عندي لما بكتب 16px في ال font size بتبقي مش نفس الحجم بتاع 100% و برده 32px مش شبه 200%
Elzero Web School (5 months ago)
بتكتب الحجم الخاص بالخط في جسم الصفحة body
Moaz El-sawaf (5 months ago)
هو ازاي ال font بياخد خاصية الـ line height مع انها مش من خصائص الـ Font ؟؟
Ahmed Nabil (5 months ago)
علي فكرة يا بشمهندش أنا حاولت أكتب كود الكود المختصر بس بترتيب مختلف عن اللي حضرتك قولت عليه واشتغل معايا برضو عادي..أعتقد مش مهم الترتيب أوي بس المهم تحط قيمة لكل تنسيق والله أعلم :)
Elzero Web School (5 months ago)
علشان تضمن ميحصلش اي مشاكل في متصفحات تاني الترتيب كويس وهتتعود عليه
hamdy taher (5 months ago)
حضرتك في الينك الي قولت عليه تحت الفيديو للخطوط مش لاقيه
lion lion (1 month ago)
https://www.youtube.com/watch?annotation_id=annotation_3146617489&feature=iv&src_vid=n48ICr4QvnQ&v=Rm4xUs5zy4E
ali ahmed (7 months ago)
هيه ايه فيدة long='en"
Mahmoud Ahmed (7 months ago)
تطبيقي https://codepen.io/mahmoud-abo-anas/pen/ZxmMxG
Osamah Muhammed (7 months ago)
استاذ ااسامه ممكن افهم ايه هو ال Parent Code وايه هو ال Child Code لاني بسمع الجمله كتير , انا لسه جديد خلصت كورس ال Html بتاع حضرتك والحمد لله فهمت كل حاجه وحاليا وصلت هنا اهو علي حسب المسار اللي حضرتك حطه فا دايما بتوقف عند بعض المصطلحات فا بعمل سيرش عشان افهم لكن دي معرفتش ممكن تفهمني ايه المعني ولو اني اعتقد ان مثلا الكود الكبير اللي بيحتوي جواه علي عده اكواد او العنصر اللي بيحتوي علي عناصر كتير هو اسمه الاب واللي جواه الابن ولا ايه وشكرا جدا , ربنا يباركلك في كل حاجه بتعملها اخوك اسامه برضه نفس الاسم واتمني اكون ذي حضرتك ف يوم من الايام مثال للعلم والادب والاحترام .
Young Wolf (4 months ago)
الكود الاب يكون يكون الاول والابن داخله, والله مش عارف كيف اشرحلك لاكن عندك جوجل تعلم طريقة البحث لانها الشيء الوحيد بعد الله سوف يساعدك في مشوار البرمجة.
Mamoun Adil (7 months ago)
ربنا يزيدك علم ي رب
rehab mohamed (7 months ago)
مرحباً استاذ, مكنتش هكتب التعليق ده لكن بسبب الاستفزاز الي بشوفه فى التعليقات انا مضطرة اكتب الرسالة دي لحضرتك, من فضلك لا تقلل مدة الفيديو او الشرح فى ناس اول مرة تسمع كلمة برمجة فى حياتها اصلا ولو حضرتك مكررتش واديت امثلة محدش هيفهم وانا شخصيا تابعت قنوات تانية بيكون الفيديو 4 دقائق وبخرج من الفيديو بدون اي فهم ولا اي حاجة وبفشل فى الاخر الا عندما تابعتك بدأت انجح فعلا واطبق الي اتعلمته من حضرتك واتمني يكون كلامي وصل لحضرتك وللناس المستفزة الي بتقول قلل مدة الفيديو لو هم عندهم خبرة بيتابعو الفيديو لية اصلا
Ahmad yasser (1 month ago)
بسيطة زود سرعة الفيديو ل 1.5
aa2 aa3 (1 month ago)
هو انتي عندك حق طبعا بس مظنش ان في حد هيدخل يتعلم Css اول لغة دا اولا ثانياً في فيديو ال Dimensions انا اقسم بالله كنت بعدي ب الاربع دقايق ورا بعض عشان فيهم نفس الكلام بس تمام عادي انا معنديش مشكلة بس كل الفكرة ان شكل الفيديو اصلا بيخوف من برة لما الاقيه 23 دقيقة يعني حراام اوي ف دربس محتاج 5 دقايق .. وشكراً
Elzero Web School (7 months ago)
الله يكرمك يارب وجزاكي الله كل خير دايما بقول ليهم لو فهمت الفيديو اقفله من النص مش محتاج تكمله ومتفرضش عليا اقلل مدية الفيديو لانه ببساطة لما بزود المدة انا بتعب ومش معقول هتعب نفسي على الفاضي لكن بتعب علشان عارف ان اكتر من مثال بيخلي الواحد يستفيد اكتر
Hebat El Niel (9 months ago)
كل كام فيديو كده هدخل أدعيلك علشان الناس تقول أمين .. ربنا يباركلك ويزيدك من علمه يارب قولوا أمين :)
Elzero Web School (8 months ago)
الله يكرمك يارب ويحفظك تسلمي يارب
Ahmed Hassaine (10 months ago)
يمكن ان اعمل فيديو فيه كل المعلومات التي دكرتها في 10 د
rehab mohamed (7 months ago)
اهلا صديقي احمد على الرغم من ان مدة الفيديو طويلة قليلا إلا انها مناسبة جدا للمبتدأين امثالى لو حضرتك شايف نفسك بتفهم بسرعة واذكي مننا كلنا او محترف وعندك الخبرة جاهزة مش محتاج تكرار اتفضل تابع قناة تانية لإني شخصيا هلغى اشتراكي لو مدة الفيديو قليلة والشرح بقى مبهم مش واضح و بالغكس الشرح كدا ممتاز والاستاذ بيكرر لان فى مبتدأين لسة اول مرة يسمعوا كلمة برمجة فى حياتهم اصلا
Ahmed Hassaine (10 months ago)
المشكلة عندك انك تكرر نفس الشي كم مرة و بغداد الجديدة يختصر جدا فاخترتك لاتي سافهم في كل الاحوال
Elzero Web School (10 months ago)
توكل على الله اليوتيوب موجود والقنوات تنشأ مجانا ويمكنك انشاء قناة وعمل كل ما تراه مناسب من وجهة نظرك وزيادة المحتوى فيها فايدة للجميع وربنا يوفقك يارب
ABDELJALIL CHABAB (11 months ago)
لو ممكن لينك لتحميل البرنامج الذي تشتغل عليه
Young Wolf (4 months ago)
او براكتس لل html & css لاكن لما تتقدم وتدخل في جافاسكريبت و PHP انصحك ب VSC
Young Wolf (4 months ago)
انصحك ببرنامج فيرتشول ستوديو VSC editor
ahmed atef (1 year ago)
السلام عليكم لو سمحت كنت عايز اعرف اكتر عن ال font families,web fonts,google fonts و شكرا
Bedaya Training (1 year ago)
الخط serif بيكون له حرف في نهايته كنوع من الديكون وعكسه طبعا san-serif
Elzero Web School (1 year ago)
جزاك الله خيرا
menagueur karim (1 year ago)
بارك الله فيك
Nackros Thomblo (1 year ago)
انا معنديش غير الفونتس ديه ومش عارف اجيب فونتس تانيه وجربت اكتب اسم الفونت مجابش شكل الفونت اللي عندك زي فونت الكوميكس جابه خط serif http://imgur.com/W799IMp دي الخطوط اللي عندي احط خطوط تانيه ازاي ؟
JUST DIFFERENT 199 (9 months ago)
http://www.arafonts.com/
mustafa Ibrahim (1 year ago)
most font-weight values give the same results : lighter=normal bold=bolder 100-500 the same result as normal 600-900 the same result as bold then, why so many values?
نعم كلامُكَ صحيحٌ أخِي لكنَّ الأستاذ أسامة - وفَّقهُ اللهُ تعالى - بيَّنَ أنَّ هذه القِيَم تظهر في بعض الخطوط ولا تظهر في أخرى وهذا حتَّى في برنامج الوورد أو برنامج الفوتوشوب أحيانًا نضع قيمة معيَّنة ولا يظهر تأثِيرُهَا والسَّببُ في ذلكَ هُوَ نوعُ الخطِّ واللهُ أعلَم
ii LeGeND (1 year ago)
السلام عليكم اولا استاذى الفاضل استاذ أسامه شكرا جزيلا لك على مجهوداتك الحمد لله تعلمت لغة ال HTML و ادينى بتعلم ال CSS من حضرتك ان شاء الله ثانيا بعد اذن حضرتك عندى استفسار بسيط دلوقتى انا بتعلم من حضرتك على النظام التالى بسمع الفيديو من حضرتك كامل واشوف تطبيقاتك بعد ما يخلص الفيديو بروح اطبق الكلام الى حضرتك شرحته فى الفيديو مباشرتاً ولو فى حاجه نسيتها برجع للفيديو تانى كده طريقتى صح ولا غلط ولو غلط هستأذن حضرتك تقولى ايه افضل طريقه عشان اتعلم
ii LeGeND (1 year ago)
شكرا على وقتك ومجهودك وعلى نصيحتك استاذى
Elzero Web School (1 year ago)
عليكم السلام مفيش افضل طريقة لكل الناس لكن طريقتك كويسة وزود عليها شوية تطبيق زيادة وكتابة للكود مباشرة في وقت الفيديو
Abdelrahman Mostafa (1 year ago)
الله عليك
mohamed maamar (1 year ago)
thank you very much,very helpful, jazaka allah,
Elzero Web School (1 year ago)
you welcome thanks so much
Mohamed Khaled (1 year ago)
مش راضي يعمل الكود انا كتبته بنفس الترتيب حتى مش راضي يعمل اول حاجتين اليهما font: italic bold
Game_ CornerGAC (2 months ago)
صديقي هي اسمها font-style: italic;
قاسم المعمو (1 year ago)
لو بكل فيديو بشكرك على روعة الاعطاء قليل جدا جزاك الله كل خير اخي الكريم
محمد علاء (1 year ago)
Elzero Web School لو سمحت عندى سوال ازاى اعمل تمديد وتطويل للكلمات العربية فى التصميم
Elzero Web School (1 year ago)
الله يسعدك يارب ويباركلك تعيش
agnb kamel (1 year ago)
ممكن حضرتك تقول بالتوضيح ازاى ارفع خط على جهازى انا بس على الموقع وأى حد يشوفو
kinan alendari (1 year ago)
بس عفوا الكومودو الي انا منزلو بس اكتب عربي بيحطلي عليهن اشارة استفهام وانو ما بيقراهن فبضطر استخدم النوت باد وانا مش حابو في عندك حل لهالموضوع لو سمحت ؟
kinan alendari (1 year ago)
شكرا الك ☺☺
Elzero Web School (1 year ago)
وانت بتحفظ الملف اتاكد ان الترميز الخاص بيه هو UTF-8 واتاكد انك حاطط كود الميتا الخاص بالترميز العربي meta charset="utf-8"
x-mega -no (1 year ago)
:)
hassan sayed (2 years ago)
باشمهندس ممكن حضرتك تفيدنى بموقع خاص بالخطوط العربيه
ميم Teck (1 year ago)
http://www.arafonts.com/
AMiŕ Marléy (2 years ago)
كنت عايز اكلمك في الخاص ممكن اخد رقمك
Mahmoud Shhatah (2 years ago)
ياريت يا باش مهندس لو حضرتك يبقى في تسكات نزله لكل قرص عشان نقدر نحدد المستوى بتعنا بعد القرص ....وشكرا
Omar Syt (1 year ago)
http://www.w3schools.com/css/exercise.asp ده فيه كل الي تحتاجه
ELGENIAS ABDO (2 years ago)
الله ينور عليك يا استاذنا واسئل الله العظيم الذى لا يرد دعوة سائل ان يجعل الله ذلك فى ميزان حسناتك وبرذقك السعادة فى الدنيا والأخره اشكرك من صميم قلبى على شرحك العطر وشكرا لك
Elzero Web School (2 years ago)
الله يكرمك يارب ويسعدك وجزيت خيرا اخي الحبيب
Osama Talaat (2 years ago)
أنا بقى عندي سؤال واحنا بنكتب الكود الكامل الإتنين اللي عملنا بينهم سلاش / بس هما ال font-size و ال line-height ولا عشان هما الاتنين بالبكسل مش عارف
maged said (2 years ago)
بجد مشكور لخدماتك يا حلو :)
Abdelrahman Hamdy (2 years ago)
هو لازم الترتيب لو هاكتب ال font كله على خط واحد
Elzero Web School (2 years ago)
الصح الترتيب علشان مفيش خاصية تدخل في التانية
Abdelrahman Hamdy (2 years ago)
هو انا ليه هاحتاج ال default value منا ممكن مكتبهاش خالص لو انا عايز الخاصيه ديه تظهر بال default value بتاعتها
Younes Adnane (4 months ago)
صح
Osama Talaat (2 years ago)
بعد إذن حضرتك بشمهندس أسامة بص يا أستاذ عبد الرحمن أقول لحضرتك مش إنت مثلا ممكن تعمل ل div مثلا property معينة وال property دي تديها value معينة لحد دلوقتي تمام تمام طيب لو إنت محتاج تعمل مثلا span في ال div ده ومش عايز ال span ده ياخد نفس ال property اللي إنت إديتها لل div هتعمل إيه هنا بقى تظهر أهمية ال default value لازم طبعا تبقى عارفها هتدي لل span ده class معين و تيجي في ال css وتكتب ال class ده وتكتب فيه ال property اللي إنت مش عايز تطبقها عليه وتعمل ال default value بتاعتها وبالتالي هتتشال من ال span أنت لو ركزت في الفيديوهات شوية هتلاقي بشمهندس أسامة الله يبارك في عمره يارب قايلها بالتفصيل
Elzero Web School (2 years ago)
فين ال Default Value الي تقصدها
PK CJ (2 years ago)
بارك الله فيك
Abdalrhman Moftah (2 years ago)
فى كتابة كود الفونت الأحترافى هل يجب ترتيب العناصر ؟!
Elzero Web School (2 years ago)
الصح تمشي عليهم بنفس الترتيب علشان ميحصلش مشاكل او ترهق المتصفح او تقابل مشكلة في التوافق في متصفحات تانية
يوسف علي (2 years ago)
شكرا يا هندسة
salih samir (2 years ago)
السلام عليكم ورحمة الله وبركاته أخي ممكن تشرح الحجم المطلق و الحجم المتصل من فضلك وشكراً.
salih samir (2 years ago)
+Elzero Web School هل هذا يعني أنك ستقوم بشرح الحجم المطلق و الحجم المتصل
Elzero Web School (2 years ago)
عليكم السلام سالتك في التعليق التاني اخي عن معنى الحجم المطلق لان ممكن يكون ليه تسمية تانية
Khaled Fadl (2 years ago)
هل لو انا عايز ابقى مبرمج مش مصمم هل اكتفى بالاتش تي ام ال و السي اس اس فقط ؟ ولا لازم اكمل html 5 , css 3
Elzero Web School (2 years ago)
اكتفي بيهم
أخى أسامة هل يجب أن يكون إختصار كود الخطوط بنفس الترتيب font: font-style / font-weight / font-size / line-height / font-family
Mamoun Adil (1 year ago)
normal bold 20px/20px arial
Mohamed Khaled (1 year ago)
حتى مش راضي يعمل اول حاجتين اليهما italic bold
Mohamed Khaled (1 year ago)
مش راضي يعمل الكود انا كتبته بنفس الترتيب
Elzero Web School (2 years ago)
المفروض ايوة علشان ميحصلش تعارض و المتصفح يفهم الكود غلط
fares i (2 years ago)
ربي يجيزيك الجنة اخي لم ارى طريقة شرح مثل هذه ممتعة وتبسط الامور الى ابسط درجة واصل اخي
Elzero Web School (2 years ago)
+fares iza الله يسعدك يارب و جزاك الله كل الخير
بوركت
Omar M Farhat (2 years ago)
مشكور بشمهندس أسامة
Elzero Web School (2 years ago)
+Omar M Farhat الله يكرمك يارب و يوفقك
Ahmed Elrayes (3 years ago)
جزاك الله خيرا ودمت فى دوام الصحه والعافيه بأذن الله
Elzero Web School (2 years ago)
+Meto Meto الله يعافيك و يكرمك يارب تعيش
Em An (3 years ago)
الفديو : [ Arabic Tutorials ] Difference Between ( Px/Pt/Em/Rem/% ) https://www.youtube.com/watch?v=Rm4xUs5zy4E&feature=iv&src_vid=n48ICr4QvnQ&annotation_id=annotation_3146617489
Emma Miller (2 years ago)
بارك الله فيك
Elzero Web School (3 years ago)
+Em An جزاكي الله خيرا
Amr Hendawy (3 years ago)
جزء font-size 16px=100%=1em 32px=200%=2em 48px=300% =3em وهكذا
DiNOo Gaming (28 days ago)
شكرا بعد ثلاث سنوات
Amr HekaL (3 years ago)
جزاك الله خيرا انا متابع المحاضرات غاية في الروعه بس انا عاوز اشتغل على البرنامج komodo انا نزلته بس شكل الديفولت غير الى انتا شغال بيه طريقة الفونت والباك جروند ومش عارف اعملها من الاوبشن فلو ممكن توضيح ازاى اخلى لون الخط والشكل العام زيك كده عشان مريح للعين أكتر من الديفولت
Em An (3 years ago)
خلاص لقيته ^_^ مكنتش شايفاه في الاول [ Arabic Tutorials ] Difference Between ( Px/Pt/Em/Rem/% )
Em An (3 years ago)
+Elzero Web School يا استاذ اسامه فين الفديو بتاع النسبه المؤيه و em , px ؟؟ اللي هو اول فديو لحضرتك مش موجود الرابط بتاعه
Elzero Web School (3 years ago)
+Amr HekaL الله يوفقك يارب
Amr HekaL (3 years ago)
الف شكر جزاك الله خيرا 
Elzero Web School (3 years ago)
+Amr HekaL التاني من الاعدادات هتلاقي ثيم اختار منه دارك بس و هو هيعملهولك بالشكل دة
ALWAFA.DESIGN (4 years ago)
الله يجزاك ووالديك خير الجزاء الله يبارك فيك يارب شرح ممتاز تبارك الله تم التطبيق بنجاح الحمدلله
Elzero Web School (4 years ago)
الله يجزاك كل خير بالتوفيق يارب

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.