CSS

(CSS를 다루면서 암기할  내용을 기록하는 공간)

 

전체 웹 페이지의 margin과 padding값 지정

 

* {
    margin: 0;
    padding: 0;
}

 

https://www.daleseo.com/css-position/

position : relative;   (부모 지정)

position : absolute;   (자식 지정)

 

-> 자식요소는 부모요소 밖으로 못 나감 ▣  흰색 - 부모 / 검은색 - 자식

 

opacity : 0;   ( 0 = 투명 / 0~1사이의 값 입력 가능 / 1 = 불투명 )

inherit :   ;  ( 부모 요소의 속성값을 상속 받음 )

 

 

text-align: center;    ()

 

align-items: center;    ()

 

 

 

 

 

grid ( 그리드 )

 

display : grid;	해당 요소 밑의 모든 자식 요소는 grid 아이템이 됨
grid-column: 1/3;	가로의 1번 선에서 3번선까지 사용
grid-row: 1/3;	세로의 1번 선에서 3번선까지 사용
column-gap: 10px;	column간의 간격을10px
row-gap: 10px;	ow간의 간격을10px
gap: 10px 20px;	row-gap: 10px; column-gap: 20px;
grid-template-columns: repeat(15,1fr);
grid-template-rows: repeat(15,1fr);