0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

آرشیو مطالب طراحی سایت و سئو وب یار
محل قرار گیری عناصر ، خواص float و clear

در این مقاله با موضوع محل قرارگیری عناصر با خواص float و clear با ما همراه باشید. محل قرارگیری عناصر با خواص float و clear امروز قصد بیان سه Property کاربردی در CSS رو داریم. برای آشنایی کامل با Property های position و float ،clear تا انتهای مطلب با تیم طراحی سایت اصفهان همراه باشید. محل قرار گیری عناصر با خواص float و clear خاصیت position خاصیت position برای تعیین موقعیت عناصر در یک صفحه تعیین می شود؛ هم چنین با استفاده از این ویژگی می توانید عناصر را در صفحه وب پشت سر هم قرار دهید . ویژگی position دارای 4 مقدار اصلی می باشد که هر کدام دارای کاربرد مخصوص به خود است.در ادامه به بررسی چهار مقداری که ویژگی position دارد، می پردازم. Static تمام عناصر HTML به طور پیش فرض دارای مقدار استاتیک هستند به عبارتی نوشتن و یا ننوشتن مقدار static در هنگام کد نویسی تاثیری نخواهد داشت و عناصر در همان محلی که هستند نمایش داده می شوند. عناصری که از ویژگی static استفاده می کنند از ویژگی های top و right ,bottom ,left تبعیت نمی کنند. Fixed عناصری که مقدار position آن ها fixed می باشد حتی در صورت Scroll خوردن صفحه و یا تغییر اندازه پنجره مرورگر در موقعیت خود قرار خواهند گرفت و موقعیت آن ها نسبت به قبل هیچ تغییری […]

پوزیشن ها در css

آموزش انواع پوزیشن در CSS همان طور که می‌دانید برای تعیین موقعیت دقیق المان های html در صفحه وب از css استفاده می شود؛ اما گاهی در استفاده درست از پوزیشن ها در css دچار اشتباه می شویم و سردرگم می مانیم. تیم طراحی سایت اصفهان وب یار در این مقاله سعی در پرداختن به توضیح هر کدام از پوزیشن های css و کاربرد آن ها داشته است که امیدواریم نظر شما عزیزان را جلب کند؛ با ما همراه باشید.   پوزیشن های CSS: 1- static 2- relative 3- absolute 4- fixed 5- sticky   پوزیشن استاتیک (Static Position) این پوزیشن که به صورت پیش فرض به تمام المان های صفحه اعمال می شود برای تعیین موقعیت طبیعی هر عنصر html به کار می رود. برای مثال سه div زیر را در نظر بگیرید: HTML: <div class=”d1″>d1</div> <div class=”d2″>d2</div> <div class=”d3″>d3</div> CSS: .d1,.d2,.d3 { text-align: center; color: #fff; background-color: rgb(22, 182, 62); padding: 20px; } .d2 {background-color: rgb(143, 22, 190);} .d3 {background-color: rgb(32, 131, 245);}   نظم طبیعی صفحه از ترتیب تگ های html پیروی کرده و ایجاب می کند که ابتدا d1 قرار بگیرد، بعد از آن d2 می آید و سپس d3 در زیر d2 موقعیت دهی می شود. خروجی کد فوق به همراه مقداری استایل دهی به شکل زیر خواهد شد:   نکته ها: – اگر دقت […]