Position 속성을 다룰 때 생각해야 할 것 두가지. 1\. 어떤 종류의 position 을 사용하는지 2\. 그 position을 무엇을 기준으로 위치시키는지종류는 총 5개: static, relative, absolute, fixed, stickysticky는
Flexbox: 정렬의 끝판왕.Float 공부하느라 고생했고 이제부터 Flexbox 쓰시면 되겠습니다.그자체로 완벽하다. 원리 이해같은 건 필요없고 잘 활용하는 방법만 알면 된다.4단계:1) 나 플렉스박스 쓸 거임: 선언display: flex;기본적으로 block과
Media query:반응형 웹을 만들기 위해서 필수반응형 웹:웹을 데스크탑, 모바일, 태블릿 등 각 기기에 맞게 화면을 보여주기 위해 CSS 스타일을 적용해 놓은 것접속한 브라우저의 사이즈를 맞춘다.필요한 2가지:HTML: viewport metaCSS: Media
Typography:1) Essentials: 자주 사용하는 요소font-size: 글씨의 크기.\-- px: 절대 단위. 크기 고정.\-- em, rem: 상대 단위. 비례 값.\--- em: equal to capital M. 대문자 M의 크기가 기준. 실제로 적용
background-color: 배경 색상hex, rgb, rgba 사용 가능.background-image: url();배경 이미지background-repeat: no-repeat;반복 xbackground-sizecontain;: 요소 안에 공간을 남기고 이미지의
바뀌는 녀석에게 지정.Transition: all 2500ms ease-inproperty: 어떤 속성을 바꿀 것인지.duration: 1000ms=1s 얼마나 지속되는지.timing-function:delaytransition: font-size 2500ms ease
neomorphismbox-shadow: property 5개의 순서를 지켜줘야함.box-shadow: h-offset v-offset blur spread color;opacity: 0; , 1;overflow: width랑 height를 잡을 수 있는 요소 안의 컨