복습용연습장

display:flexbox 레이아웃에서 블럭요소들을 가로로 정렬할때 사용 IE10 이상부터 호환가능 부모 MainFlexBox에 css스타일로 display:flexbox;를 주기 전 블럭형태 이기때문에 한칸씩 차지 부모에 flexbox 요소를 줘서 인라인형태로 나열된 모습 ------------------------------------------ justify-contend: ; 로 가로정렬 가운데로 정렬 양옆으로 같은 간격을 가지고 정렬 왼쪽과 오른쪽은 딱 붙이고 나머지 요소들은 space-around처럼 동작함 그 외 left, start 로 왼쪽정렬 right, end로 오른쪽 정렬 가능 ------------------------------------------ align-items ; 로 ..

CSS 2022. 5. 13. 00:31

SASS는 CSS의 전처리기중에 하나이다 SASS의 단점을 보완한것이 SCSS라고 한다. SASS는 사용해본적이 없는데 SASS는 SCSS와 다르게 {} 중괄호를 사용안한다고 한다. SCSS는 CSS와 다르게 변수를 만들어서 사용이 가능하다. CSS에서 SASS/SCSS 세팅 이 플러그인을 통해서 SASS/SCSS 파일을 CSS로 컴파일해준다 그것을 html파일에 연결함 html파일에 scss가 아닌 css를 연결하고 작성은 scss파일에 작성하고 저장하면 css파일에 자동으로 컴파일이 됨 (watch sass를 눌러 watching이 되어있는 상태이면) --------------------------------------------------------- React에서의 SASS/SCSS 세팅 그 후 ..

CSS 2022. 4. 16. 17:41