본문 바로가기

css

css 코드 정리 line-height , flex, margin, z-index ,justify

 

코드 속성 의미
align-items 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정
background- repeat 배경 이미지의 x축과 y축으로 반복설정
repeat-x
배경 이미지의 x축으로 반복 설정
repeat-y 배경 이미지의 y축으로 반복 설정합니다
position 속성은 백그라운드 이미지의 위치 영역을 설정
size 백그라운드 이미지 사이즈
image 백그라운드 이미지 및 배경 속성을 설정
color 백그라운드 색을 설정
box- shadow 박스 그림자 넣기
inherit 위의 속성값에 상속받는 설정
flex- wrap 요소 크기에 맞게 설정.
justify-


content  콘텐츠의 좌우 관계 정렬 상태를 정의.
center 좌우 정중앙에 설정.
inherit 위의 속성에 상속받음
line-height
문장과 문장사이의 간격 설정
margin- top / right / left / bottom 요소의 바깥쪽 여백을 설정
z-index auto 요소의 위치가 겹칠 경우 순서를 정의. (자동)

 

 

반응형