سلام،

برای اینکه الان یک درک مناسبی پیدا کنید تا بعد در سرفصل‌های css کامل موضوع جا بیوفته،

نکته اول:

تگ div را مثل تگ p فرض کنید، منتها تگ p بخاطر پاراگراف بودنش کمی از بالا و پایین فاصله میگیره ولی div خیر.

نکته دوم:

وقتی css رو یاد بگیرید کارایی div بیشتر نمود پیدا میکنه، هرجا بخواهیم صفحه یا قسمتی رو بلاک بندی کنیم و تقسیم کنیم از div‌ها استفاده میکنیم.

مثلا میخواهیم صفحه را به دوقسمت چپ و راست تقسیم کنیم از دو div استفاده میکنیم یکی برای قسمت چپ و دیگری برای قسمت راست. بعد با css میایم به هر div ابعاد مشخصی میدیم تا فرضا دو div را شبیه دو مستطیل چپ و راست در بیاوریم. حالا اگر بخواهیم مستطیل سمت چپ را باز قسمت بندی کنیم بازهم میتوانیم داخل div سمت چپ از div‌های دیگری استفاده کنیم برای تقسیم بندی div چپ.

تمام این مربع هایی که در عکس میبینید میتونه یک div باشد و باز هر کدومشون میتونه داخلش div‌های مختلفی رو شامل بشن. این ابعادی که میبینید هر div گرفته و به شکل یک مربع درومده و هر مربع/مستطیل با یک رنگ مشخص شده با css قابل پیاده سازی است.

شما css که یاد بگیرید مثل همین عکس رو میتونید با 8 div پیاده کنید. هر یلاک نماینده یک div میشود.