css 기본 코딩

주의 : 복붙은 에러가 뜰수 있으니 타이핑으로 치는 것을 권장 
배경관련
background-color
background-image
background-size

사이즈
width
height

폰트
font-size
font-weight
font-famliy
color


간격
margin
padding

마진 값으로 좌우간격 동일시키는법 ( 순서대로 시계방향임, 상 우 하 좌 ) 
margin: 20px auto 0px auto;


배경 그림 세트
background-image :url(" ") ==배경그림 삽입
background-position :center;
background-size :cover;

제목글자 세트 
display : flex;
flex-direction: column; 또는 row;
justify-content: center;
align-items: center;

- 투명색으로 바꾸기 
background-color: transparent;

- 테두리 둥글게 
border-radius : 

- 선굵기 1 픽셀, 실선, 흰색 
border:1px solid white;


-버튼에 마우스 올렸을때 테투리 굵게 하는법
ex) .mytitle > button :hover {
border: 1px solid white;
}

-이미지 어둡게하기 
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("")
            background-position: center;
            background-size: cover;

- 박스 그림자 설정 
box-shadow : 0px 0px 3px 0px gray;