HamzaElsenior Nabil

Front end Developer

https://www.facebook.com/HamzaElsenior

46 نقاط السمعة
89.3 ألف مشاهدات المحتوى
عضو منذ
17

شـرح خاصـيه الـ Float بالتفصـيل فـ CSS

خاصيه الفلوت تعنى العوم بمعنى انك اذا اعطيب العنصر خاصيه الفـلوت .. فإنـه يعوم داخل الصفحه وللخـاصيه ثلاث قيم : الاولى : Right اى العنصر يتدفق او يعوم ناحيه اليمين من الصفحه والعناصر التاليه له تتاثر ايضا بهذا التدفق الثانيه : Left اى العنصر يتدفق او يعوم ناحيه اليسـار من الصفحه والعناصر التاليه له تتاثر ايضا بهذا التدفق الثالثه : none اى لا تاثير للتدفق أمثــله كثــيره حتى تتضح الفكرة تماامااا : - إذا كنـت تريد عمل صـورة ويلتف الكلام
13

شرح خـاصيه الـ Display بالقيم الخاصه بهاا بالتفصـيل معها أمثله

السلام عليكم خاصيه Display وتعنى طريقه عرض العنصـر فى صفحـه البراوزر وللخـاصيه 4 قيــم : الاولى : none وتعنى اخفاء العنصر تماما من الصفحه الثانية : inline بمعنى ان تقوم العناصر المعطى لهم هذه القيم بالمجىء بجانب بعضهم البعض الثالثه : block بمعنى العناصر تيجـى تحت بعض الرابعه : inline-block وهى دمج ميزه من ال inline و block دعنى نتطرق بشرح أكثر دقه وتفصيلا وبأمثله لكل قيـمة 1) القيمــة none وتعنى اخفـاء العنصـر تماما من الصفحه وما يلى هذا العنصر
6

تعريف ما هو الـ Margin و Padding وما الفرق بينهما

#تعريف خـاصيـة Margin - تعتبـر بمثـابه هوامـش خارجيـة حواليـن العنـصر - إذا قلنا للعنصر Margin : 10px فهذا معناه اننا سنقوم بعمل هوامش خارجيه حوالين العنصر من جميع الجوانب ( من الاعلى والاسفل واليسار واليمين ) بمقدر 10 بكسـل - إذا قلنا للعنصر margin : 5px 10px فهذا معناه اننا سنقوم بعمل هوامش خارجيه حوالين العنصر بمقدار 5 بكسـل من الاتجـاه الاعلى والاسفـل وبمقدار 10 بكسـل من الاتجاه اليمين واليسـار - إذا قلنا للعنصر margin : 2px 3px 5px فهذا
4

بعـض الـ Selectors فـ لـغة الـ CSS

سنتحدث اليوم عن بعض الـ Selectors فـ لـغة الـ CSS بعض الناس تقـابل مشـاكل فى فهمهم ... باذن الله بعد هذا المقـال ستفهمهم بالتفصــيل ان شاء الله سنتناول 3 من الـ selectors المهمين جداا فى لـغة ال CSS وهما ( + , ~ , < ) 1) الـ Selector + : ويطلـق عليـه فـ لـغة الـ CSS باسم Adjacent sibling selector ويعنـى الاخ (المجاور ) التالى مبـاشراا للعنصـر وتذكر انى قلت ( التالى وليس السابق ) شاهد المثـال لتفهم أكثـر