مفاهیم صفحه آرایی

مفاهیم صفحه آرایی

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

در قدم اول باید با انواع عناصر از نظر نوع چارچوب آنها آشنا شویم:

display

سپس بخش های مختلف یک عنصر را خواهیم آموخت:

Box Model

در ادامه ویژگی هایی که مربوط به چارچوب عناصر هستند را بررسی می کنیم:

width height padding-top padding-bottom padding-right padding-left padding margin-top margin-bottom margin-right margin-left margin box-sizing min-width max-width min-height max-height

دانستن مفهموم ویژگی های زیر و نحوه استفاده از آنها نیز لازم است:

overflow overflow-x overflow-y visibility opacity

در ادامه با چند ویژگی که در صفحه آرایی و چیدمان عناصر در کنار هم به ما کمک می کنند آشنا می شویم:

float clear vertical-align

همچنین با ویژگی های مهم زیر برای جابجایی و تغییر موقعیت عناصر آشنا می شویم:

position top right bottom left z-index

در آخر با ماژول های مخصوص صفحه آرایی آشنا می شویم:

flexbox

بررسی مطالب زیر نیز خالی از لطف نخواهد بود:

وسط قرار دادن عناصر در CSS calc