CSS background, border, margin, box-sizing(2024-04-09)

position, repeat, image, attachment

attachment, size

 

 

 

 

=======================================================================================

 

 

 

background-color

 

 

 

 

=======================================================================================

 

 

background-position

 

 

 

 

=======================================================================================

 

 

 

 

 

 

background-size

 

=======================================================================================

 

 

 

 

 

content, padding, border, margin

 

 

=======================================================================================

 

 

 

 

 

padding

 

 

=======================================================================================

 

 

 

 

 

border-style

 

 

=======================================================================================

 

 

margin

 

 

 

=======================================================================================

 

 

 

 

 

 

 

=======================================================================================

 

 

 

 

display, visibility, hidden

=======================================================================================

 

 

 

 

 

 

focus, box-sizing

 

=======================================================================================

정적 위치

상대 위치

relative

=======================================================================================

오른쪽 아래 노란색 고정(스크롤을 움직여도)

 

 

=======================================================================================

 

 

 

스크롤을 내리면 핑크색이 오르내림

 

=======================================================================================