KZhead
Ғылым және технология

#30 شرح بالتفصيل عن خاصية position

Abdelrahman Gamal
2023 ж. 27 Мам.
43 679 Рет қаралды
Жүктеу

يمكنك مذاكرة درس ال position و حل الاختبار من هنا من هنا |
nouvil.net/css-play-ground/cs...
-----------------------------------
للتواصل معي :
instagram |
/ abdelrahman_noufal
-----------------------------------
facebook |
/ abdelrahman.g.nofal
-----------------------------------
جروب الفيسبوك الخاص بنا |
/ 1810581845642171
-----------------------------------
خاصية Position في CSS هي خاصية تستخدم لتحديد موقع العناصر المختلفة في صفحة HTML، وتساعد المصممين على تحسين تصميم الصفحات وجعلها أكثر جاذبية وجمالية.
تستخدم خاصية Position في CSS لتحديد موقع العنصر بالنسبة للعنصر الأب أو العنصر الأقرب في الترتيب، وتشمل هذه القيم الثابتة والنسبية والمطلقة. ويمكن استخدام القيم الإضافية لتحديد العنصر المراد الانتقال بعده، ويمكن تحديد قيمة الخاصية بنوعيها الأفقي والرأسي.
يمكن استخدام خاصية Position في CSS لإنشاء تأثيرات مختلفة على تصميم الصفحات، مثل تحريك العناصر وتثبيتها في مكان محدد، وتحسين تنظيم العناصر وترتيبها في الصفحة. كما يمكن استخدام هذه الخاصية لإنشاء تأثيرات ديناميكية على الصفحة، وتحسين التصميم العام للصفحات وجعلها أكثر جاذبية وجمالية.
يمكن استخدام خاصية Position في CSS بشكل واسع في تصميم المواقع، وتستخدم بشكل خاص في تنسيق الصور والنصوص والقوائم وغيرها من العناصر المختلفة في الصفحة. ويمكن استخدام هذه الخاصية بشكل فعال لإنشاء تأثيرات جمالية ومتناسبة مع متطلبات التصميم العامة للصفحة، وتحسين التجربة الاستخدامية للمستخدمين.
ومن الأمثلة الشائعة لاستخدام خاصية Position في CSS، إنشاء تصميمات متعددة الأعمدة وتنسيق الصور بجانب النصوص والقوائم، وجعل التصميم العام للصفحة أكثر جاذبية وجمالية. كما يمكن استخدام هذه الخاصية لإنشاء تأثيرات ديناميكية مثل تحريك العناصر بصورة تلقائية، وتحسين تصميم العناصر الثابتة والمتحركة على الصفحة.
يجب ملاحظة أن استخدام خاصية Position في CSS يمكن أن يؤثر على ترتيب العناصر في الصفحة ويؤدي إلى تغيير موقعها وتحريكها، ولذلك يجب استخدام هذه الخاصية بحذر وتنسيق العناصر بشكل صحيح لتجنب أي تأثير سلبي على تصميم الصفحة.

Пікірлер

  • افضل شرح للposition بدون منافس.

    @Icode2395@Icode239510 ай бұрын

    • لحد الان لكل الدروس

      @hadoolxxx@hadoolxxx8 ай бұрын

  • معني اني مذاكر الدرس ده قبل كده بس يعلم الله شرحك ده حاجه تانية حتي لو مذاكر الدرس بعد ما بشوف شرحك بشوف الدرس من منظور افضل وفهم اعمق تسلم ايدك والله❤

    @youssef4087@youssef40879 ай бұрын

  • أفضل شرح شفتو لل Position بلا منازع ، عظمة على عظمة والله

    @index1705@index170510 ай бұрын

  • الله يسعدك ويجعلها في موازين حسناتك مافهمتها الا منك

    @mariamali3520@mariamali35208 ай бұрын

  • فعلا الشباب صادقين من افضل شروحات البpostion الله يكتب اجرك ويجعلها في موازيين حسناتك

    @abdulrhmanalahmadi7066@abdulrhmanalahmadi70669 ай бұрын

    • ❤

      @saod246@saod2467 ай бұрын

  • افضل شرح جزاك الله كل خير

    @ebadametawea9900@ebadametawea99009 ай бұрын

  • ماشاءلله عليك على توصيل المعلومه بكل بساطه وسهوله ربنا يباركلك يارب

    @user-xg5cj1vv2k@user-xg5cj1vv2k7 ай бұрын

  • الله يفتح عليك.

    @9810600@98106007 ай бұрын

  • جامد شرح جميل 🖤👑

    @osamakaram3942@osamakaram39428 ай бұрын

  • انت مكانك في القمم عاش افضل من يشرح

    @user-mc5wy3td3t@user-mc5wy3td3t8 ай бұрын

  • أروع شرح الله يبارك تستاهل الدعم

    @tasnimtasnim1154@tasnimtasnim11544 ай бұрын

  • صراحة شرح خيالي 🥰🥰 بارك الله فيك وثبت الله أجرك 👍👍👍

    @mohamedftita9664@mohamedftita96644 ай бұрын

  • الله يجعل كل هذا الشرح والتعب في ميزان حسناتك يارب شرح جد رائع وسلس❤❤

    @user-jz8vc4nh6f@user-jz8vc4nh6f9 ай бұрын

  • من القنوات اللي فعلا تستحق كل الدعم ومشكور باش مهندس على الشرح الجميل

    @user-hy6tf4go8q@user-hy6tf4go8q4 ай бұрын

  • الله يعطيك العافية اخيرا فهمتها ماشاء الله افضل شرح للposition

    @IRSl2@IRSl24 ай бұрын

  • افضل شخص يشرح علي يوتيوب والله بصدق❤

    @sarhanqsem1037@sarhanqsem10373 ай бұрын

  • أحسن شرح لأحسن مبرمج

    @medlh8811@medlh881111 ай бұрын

  • الله يرزقك خير إستفدت من شرحك كثير،انت شخص عظيم

    @wadiesobhi9816@wadiesobhi9816Ай бұрын

  • احسن شرح شوفته لل position

    @forchildren1006@forchildren100610 ай бұрын

  • رحم الله والديك ، شرح وافي

    @abdulmalik1665@abdulmalik16656 ай бұрын

  • شرح خراافيي 🤩👏👏👏👏

    @rahafmansour8147@rahafmansour814710 ай бұрын

  • جزاك الله خيرا..شكرا جزيلا لحضرتك ❤

    @AHMEDHAMDY-uv8ji@AHMEDHAMDY-uv8ji6 ай бұрын

  • جزاك الله خيرا ❤

    @Aymane_Gamer733@Aymane_Gamer7336 ай бұрын

  • شرحك ممتاز

    @farsabdu@farsabdu8 ай бұрын

  • شرح سلس جدا شكرا لك

    @alkhayyat2@alkhayyat29 ай бұрын

  • الله يبارك في علمك

    @hossammujeebahmed483@hossammujeebahmed4835 ай бұрын

  • الله على شرحك يا هندسة

    @bsensei9764@bsensei97644 ай бұрын

  • جزاك الله خيرا فهمت منك اخيراً

    @user-om8ue9hp8c@user-om8ue9hp8c7 ай бұрын

  • ما شاء الله عليك

    @qwedasdf5731@qwedasdf573111 ай бұрын

  • شكرا جزيلا. شرح ممتاز.

    @imadabab@imadabab3 ай бұрын

  • والله انك بتفهم

    @MaherDban-lc6vw@MaherDban-lc6vw7 ай бұрын

  • جمدااان 😍😍

    @moamenmoamen2240@moamenmoamen22409 ай бұрын

  • بالعادة الشخص مابحب يذكر اسماء ناس وهما غطمة العظمة شرحت متل هيك وكنت بالعافية تأفهم الى انو الصدفة جمعتني بهلفيديو تشوف موهبتك الي ربنا معطيك اياها وهيا مقدرتك تفهم الحجر قبل البشر من كتر تبسيط شرحك ربي يجعلوو بميزان حسناااتككككك

    @funnyanimals9427@funnyanimals942710 ай бұрын

    • حبيبي ان شاء الله المزيد من التوفيق ❤️

      @AbdelrahmanGamal@AbdelrahmanGamal10 ай бұрын

  • عاااش يا دباابه والله شرحك جامد

    @3mo_Mo3az@3mo_Mo3az9 ай бұрын

  • روعة❤

    @hagarabdelhamid9985@hagarabdelhamid998511 ай бұрын

  • جزاك الله خير

    @tsts6728@tsts67282 ай бұрын

  • استمر يا كبير

    @ahmedreyes8982@ahmedreyes898210 ай бұрын

  • شفت كتير مقاطع عنها بس مافهمتها الا من شرحك❤

    @jihanamin3311@jihanamin33113 ай бұрын

  • ممتاز ربنا يبارلك

    @selmasosoadam@selmasosoadam5 ай бұрын

  • ايه يا عم العظمة دي 🙈 ايه ده بس

    @forchildren1006@forchildren100610 ай бұрын

  • Cool ❤

    @zakiiiofficiel7787@zakiiiofficiel77877 ай бұрын

  • والله حضرتك احسن من اي حد على المنصه حتى اسامه الزيرو في شوية حاجات ناقصين في الكورس ونا بشكر حضرتك جدا على مجهودك ده ونا المعلومه بفهمها❤ منك اوي عن أي حد وي بالتوفيق للجميع❤❤❤

    @lbrahimessam2113@lbrahimessam21134 ай бұрын

  • جزاك الله خيرا الحمدلله فهمتها أخيرا 🤍🤍🤍🤍

    @mohammedmamdouh3131@mohammedmamdouh313110 ай бұрын

    • خير

      @AbdelrahmanGamal@AbdelrahmanGamal10 ай бұрын

  • شكرا جزيلا

    @tomwallker8727@tomwallker87275 ай бұрын

  • للامنة حضرت اكتر من موقع بس ما فهمت اشي اما هون فهمت كتير يسلمووو

    @user-vc4qm2en4w@user-vc4qm2en4w7 ай бұрын

  • Thank you very much ❤

    @KJJungle@KJJungleАй бұрын

  • عاش والله

    @mohamedsaleh-eh7ui@mohamedsaleh-eh7ui10 ай бұрын

  • شكرا

    @mahmoudamier@mahmoudamier6 ай бұрын

  • ❤❤❤

    @user-wo1qw7ub8z@user-wo1qw7ub8z7 ай бұрын

  • بجيب منين افكار لمواقع وطرق استخدم فيها الاكواد واطبق بشكل عملي

    @fahimny1804@fahimny18049 ай бұрын

  • انت خليت البرمجة حدوتة ومتعة

    @user-py4ym3hf6o@user-py4ym3hf6o10 ай бұрын

  • يا كبيييير

    @OsamaAmeen-re2vy@OsamaAmeen-re2vy4 ай бұрын

  • 💙💙

    @chaimasoudani4734@chaimasoudani47345 ай бұрын

  • thanks

    @TheUle2002@TheUle20022 ай бұрын

  • best 🤩🤩🤩🤩🤩🤩🤩🤩🤩

    @walidatiya236@walidatiya2365 ай бұрын

  • ❤❤❤❤❤❤❤😊😊😊

    @zainabkhalid8470@zainabkhalid84708 ай бұрын

  • اتمنى ان يكون الشرح افضل من هذا ويكون بدقة وتوضيح اكثر يا هندسة وجزاك الله خيرا.

    @Mohannadwaheeb@Mohannadwaheeb22 күн бұрын

  • الله يوفقك ويسعدك يارب❤

    @libyabasher3874@libyabasher38749 ай бұрын

  • اصعب درس جاني

    @user-lq1zj2rd7z@user-lq1zj2rd7z9 ай бұрын

  • 10:52 ☠☠☠☠☠☠☠☠☠☠

    @amineosf1288@amineosf128823 күн бұрын

  • @tutorialee-dm9si@tutorialee-dm9si7 ай бұрын

  • شكرا

    @tt4m@tt4m9 ай бұрын
KZhead