CSS의 단위 절대 단위 px : 픽셀 스크린 상에서의 한 점을 기준으로 한 단우, 가장 흔히 사용되며 일반적으로 고정된 크기를 지정하는데 사용 상대 단위 em : 현재 요소의 font size를 기준으로 한다. 예를 들어, 요소의 font-size가 16px일 떄,
요소 쌓임 순서(Stack order) z-index 어떤 요소가 사용자와 더 가깝게 있는지(위에 쌓이는지) 결정 auto :부모 요소와 동일한 쌓임 정도 숫자 : 숫자가 높을 수록 위에 쌓임 이때, 기본값 static은 고정된 요소이기 때문에 아무리 수가 높아도 쌓
그라데이션 넣기https://velog.io/@hoje15v/CSSposition-%EC%86%8D%EC%84%B1-relative-absolute-fixed%EC%97%90-%EB%8C%80%ED%95%B4-%EC%95%8C%EC%95%84%EB%B3%B4%
Flex 부모에다가 display:flex ; 를 주는 순간 자식들은 자동으로 inline 요소로 변하면서 수평정렬이 되게 된다. 방향은 direction으로 아래와 같이 수정가능하다. 예) 부모 요소에 flex 값 주기! 주축, 교차축, 시작점, 끝점 flex
<span>, <a>, <br>, <em>, <strong>, <input>, <label>, <img><div>,<table>,<h1>~<h6>,<p>,<form>,<ul>,<ol>
Transform 요소의 변환 효과 앞에 함수 선언하고 나열할 때 transform : 변환함수1, 변환함수2, 변환함수2 ..; 여러개 함수명 없이 쓰고 싶을 때 순서 지켜서 작성 transform : 원근법 이동 크기 회전 기울임; 2D 변환함수 이동 trans