قالب وردپرس پوسته وردپرس قالب فروشگاهی وردپس
خانه / آموزش css / نکات مهم css

نکات مهم css

در ادامه مقالات آموزش CSS : شاید تا کنون دو مفهوم inline-block و float را در CSS دیده باشید.این دو دستور از جمله کاربردی ترین دستورات در CSS هستند.اما تا کنون مقاله ای را به شخصه ندیدم که دقیقا تفاوت انها در CSS را تشریح کند.

تفاوت بین float و inline-block در CSS

همانطور که در آموزش CSS دیده ایم ، دستور float برای شناور کردن یک تگ در CSS استفاده می شود.این دستور م یتواند یک عنصر را به سمت راست یا به سمت چپ شناور کند ، نکته مهم اینست که اگر عنصری دستور float بگیرد چه تاثیری بروی استایل و CSS سایر عناصر دارد؟ پاسخ اینست که اگر عنصری float ابرابر با Right بگیرد،عناصر همجوار را به سمت چپ منتقل می نماید.و برعکس هم صادق است.و اما دستور inline-block که یکی از انواع  display ها در CSS است ،چه کاری انجام می دهد و چه نقشی در CSS دارد؟اگر به چندین عنصر که در کنار هم هستند، با استفاده از دستورات CSS ، مقدار display برابر با inline-block ّدهیم،اتافقی که می افتد اینست که عناصر دقیقا مثل حالتی که Float دهیم کنار هم قرار می گیرند اما با این تفاوت که ،اگر عنصری در CSS از نوع inline-block باشد،عناصر کناری و مجاور خود را به سمت مقابل منتقل نمی کند.این نکته اساسی هرچند در CSS مغفول مانده ولی از اهمیت بسیار زیادی برخوردار است.پس تفاوت float و نمایش inline-block دقیقا در این است که تاثیر آنها بر روی عناصر مجاور متفاوت است.(آموزش برنامه نویسی آندروید)

تفاوت float و inline-block در CSS

اینکه در چه مواردی باید از کدام دستور استفاده کرد،بستگی به موقعیت و شرایط دارد،اما هردو روش در CSS کاربردهای خاص خود را دارد.هم دستور Float و هم دستور Inline-block برای طراحی قالب با استفاده از CSS مورد استفاده قرار می گیرد و مکررا  از آن می توان بهره برد.اما شناخت دقیق انها نیاز به آموزش تصویری CSS دارد.می توانید از آموزش های مربوط به CSS استفاده نمایید تا تسلط بیشتری نسبت به این موضوع پیدا کنید.

 

سايت بزرگ کليک سايت،بهترين مرجع در ضمينه آموزش طراحي سايت و آموزش html و آموزش css ميباشد.تمامي فيلم هاي آموزشي اين سايت توسط استادان کاردان و بسيار با تجربه تهيه شده که تضميني بر کيفيت بالاي تمامي آن ها است.قيمت محصولات نيز کاملا رقابتي بوده و با مقايسه آن با ساير سايت ها ميتوان به خوبي متوجه اين موضوع شد.

درباره ی admin

مطلب پیشنهادی

پازیشن های مختلف

پس از اینکه طی چندین مقاله با  برخی دستورات CSS آشنا دشمی اکنون نوبت به …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

قالب وردپرس پوسته وردپرس قالب فروشگاهی وردپس