Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

آموزش float در css

CSS float Property

شما با استفاده از خاصیت float می توانید یک باکس را به سمت راست و یا به سمت چپ ببرید. این باکس تا جایی که امکان دارد به طرفین می رود.

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


برای شروع به این مثال توجه کنید:

<div style="float:left;">
    Left float
</div>
<div style="float:right;">
    right float
</div>

همان طور که در اینجا می بینید یک باکس به سمت راست برده شده و یک باکس دیگر به سمت چپ. توجه کنید که اگر از این خاصیت استفاده کنید ارتفاع و عرض باکس ها (اگر چیزی را تعیین نکرده باشید) به صورت خودکار هم اندازه متن درون آن در نظر گرفته خواهد شد.


مقدار ها در خاصیت float

در خاصیت float چهار مقدار (value) دارد. این چهار مقدار به این گونه است:

  • right : این مقدار باعث می شود باکس (تگ) به سمت راست منتقل شود.
  • left : این مقدار باعث می شود باکس (تگ) به سمت چپ منتقل شود.
  • none : به هیچ طرف برده نمی شود و مانند این می ماند که خاصیت اصلا استفاده نشده است. (برای مثال می توانید در جاوا اسکریپت از آن استفاده کنید)
  • inherit : خاصیت تگ مادر خود را به خود میگیرد (برای مثال اگر تگ مادر آن سمت راست باشد این تگ هم به سمت راست می رود.)

به مثال های زیر توجه کنید:

Right float
inherit float
Left float
inherit float
none float
inherit float

کاربرد ها و توضیحات دیگر

شما با استفاده از این خاصیت و همراه سازی آن با خاصیت clear می توانید بدون استفاده از تگ table یک جدول درست کنید و یا اولین حرف یک پاراگراف را مانند بسیاری از کتاب ها بزرگ تر از بقیه بنویسید و یا یک منوی CSS را بسازید و یا با استفاده از آن یک منوی کشویی CSS همراه با جاوا اسکریپت بسازید و یا بسیاری از کاربرد های دیگر که می توانید با ترکیب کردن کدهای CSS انجام بدید.

مرسی
محمد ممنونیم!!!!

یک پلاس هم به این مطلب دادم
پاسخ : ممنون


سه بار گفتم زیاده؟
برای اموزش بعدی هم اگه چزی سراغ نداشتی این رو بگو
cursor
اسونه
همون حالت های موسه!
پاسخ : بله چشم به موقع اش اونو هم توضیح میدم.
شما با استفاده از این خاصیت می توانید قالب ها رو بدون استفاده از تگ های table در HTML که باعث کاهش سرعت لود صفحه می شوند ، می شوید و منو های CSS زیبایی را بسازید.


جمله بندیت اشتباست اصلاحش کن
پاسخ : :دی بی خیال
مرسی ممنون
خوب بود
یعنی عالی بود
منتظر کلر هستم
مرسی
محمد

منتظر اموزش کلر بی صبراته هستم
مرسی
محمد

منتظر اموزش کلر بی صبراته هستم
پاسخ : باشه چند بار می گی؟ :دی

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4371
تعداد اعضا : 36499
افراد آنلاین : 3
بازدید امروز : 305
بازدید دیروز : 731
گوگل امروز : 36
گوگل دیروز : 104
بازدید هفته : 4,408
بازدید ماه : 28,835
بازدید سال : 114,142
بازدید کلی : 10,508,618