شرح position في css
وهذه خاصية مهمة جدا في css وأفادتني كثيرا سواء في قوالب بلوجر او غيرها . هذه الخاصية معناها موضع الشيئ ولها اربع خصائص او اربع قيم
- Static.
- relative.
- absolute
- fixed
وسنشرح هذه القيم ومعناهم
1- Static
هذه القيمة معناها ان العنصر الذي ستضيف له هذا الكود سيكون ثابت في مكانه ولن يتم تحريكه وحتي لو اضفت بعدها اي قيمة لن ثؤثر عليها2-Relative
هذه تعني ان العنصر يتغير بالنسبة لموقعه و يتغير بالنسبة للعناصر الاخرى التي حولة ويمكن ان تضع لهذه القيمة قيم لها مثل left , Right .3- Absolute
هذا تعني ان العنصر حر لايتأثر باي عناصر أخري بهذه القيمة هذا العنصر مستقل عن اي شي وايضا يتغير حسب حجم الشاشة وقياس الصفحة التي عليها4- fixed
هذا العنصر ثابت في مكانه ولا يتحرك من مكانه حتي حسب الشاشة وايضا لوحركت شريط التمرير في الصفحة سيظل ثابت في مكانه مع تحرك العناصر الأخرى
مصادر هامة css_positioning