یکی از مهمترین قسمت های یادگیری سی اس اس آشنایی با مفاهیم پایه ای مربوط به نوع، اندازه و موقعیت و مکان عناصر می باشد. که این موارد مبنایی برای یادگیری صفحه آرایی در دنیای وب می باشند. در این فصل قدم به قدم با این مفاهیم آشنا می شویم.
در قدم اول باید با انواع عناصر از نظر نوع چارچوب آنها آشنا شویم:
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
ممنون