مطالب عمومی

فیلم آموزش آشنایی با مشخصه position ( تعیین موقعیت static و relative عناصر صفحه با CSS )

مشاوره رایگان

برای مشاوره در زمینه
سایت و سئو
با ما تماس بگیرید.

شبکه های اجتماعی ما
دوره سئو مقدماتی

یک دوره مقدماتی و رایگان سئو که بسیار پربار و سرشار از تجربه مدرس و با کیفیت بالا تهیه شده تا بتوانید در زمان کمتری وب سایت را سئو کنید.

5042 نفر
2 دقیقه
بروزرسانی در: آبان 9, 1400
فیلم آموزش آشنایی با مشخصه position ( تعیین موقعیت static و relative عناصر صفحه با CSS )

فهرست مطالب

آیا می دانید چگونه در چیدمان یک صفحه وب، موقعیت عناصر را می توان تغییر داد؟ positioning این امکان را  به شما می دهد تا مکان یک عنصر را بتوانید تعیین کنید، مثلاً اینکه  موقعیت یک عنصر به عنصر والد خود وابسته باشد یا به پنجره ی مرورگر یا اینکه یک عنصر را بر روی عنصر دیگر قرار دهیم و … . برای positioning باید از مشخصه های left, top, right, bottom و position استفاده کرد.

آنچه در این فیلم آموزشی خواهید آموخت :

  • آشنایی  با مشخصه position در CSS
  • بررسی نحوه ی عملکرد عناصر با مقادیر relative و static (نسبی و استاتیک)
  • نحوه ی ارتباط  property های top, left, right, bottom با مشخصه ی position

در فیلم آموزشی تعیین موقعیت مطلق و ثابت عناصر صفحه با CSS، مقادیر دیگری که property ی position می گیرد را بررسی خواهیم کرد.

[hdplay id=98]

برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :

[free_vip]
[video_download cat=’html’ url=’https://dl.onliner.co/css-videos/position-relative.mp4′]دانلود فیلم آموزش آشنایی با مشخصه position ( تعیین موقعیت static و relative عناصر صفحه با CSS )[/video_download]
[/free_vip]

دسترسی سریع :

به این صفحه رتبه دهید
2 دیدگاه
انتشار: تیر 2, 1393
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
  • با سلام . من تمرین رو مشابه ویدئو انجام دادم اما موقعی که خاصیت relative رو برای هرسه مربع گذاشتم . مربع های آبی و زرد نسبت به bottom و right با تغییر مقدار عوض نشدن . هم چنین مربع قرمز با تغییر bottm عوض نشدن . اگه میشه علت رو بررسی کنید.
    http://yon.ir/X8WJ

    • Avatar photo گروه آموزش طراحی سایت :

      با عرض سلام و احترام خدمت شما
      متاسفانه با توجه به تعداد سوالات کاربران؛ امکان پاسخگویی به سوالات فقط برای ثبت نام کنندگان در دوره های آموزشی فراهم هست.

آیا نیازمند راهنمایی هستید؟
همین حالا برای مشاوره رایگان اقدام کنید
با پر کردن فرم، یک قدم به رشد آنلاین نزدیک‌تر شوید!
فرم درخواست مشاوره

برای راحتی شما عزیزان می‌توانید اطلاعات خود را در کادر زیر وارد کنید تا کارشناسان ما با شما تماس بگیرند

مشاوره رایگان
پیمایش به بالا