html&css

혼자 간단한 웹페이지를 만드는 정도면 아래의 기본스타일 초기화면 충분한 것 같다.

✍️개요 가로배치는 웹사이트에서 가장 많이 쓰이는 요소 중에 하나 입니다. 위는 네이버 메인페이지에서 가져온 부분입니다. 위에서도 가로배치가 쓰이고 있고, 애플스토어에서도 위와 같이 가로배치 레이아웃이 쓰이는 것을 알 수 있습니다. 매우 흔한 레이아웃입니다. 오늘은 flexbox를 이용하여 가로배치 하는 법을 포스팅 하도록 하겠습니다. ✍️ 프로젝트 초기상태 및 flex 지금 위에있는 Block들을 가로배치 하고 싶습니다. 이때 가로배치하고 싶은 요소들의 부모에 해당하는 요소 다음과 같이 속성을 줍니다. .flex-parent{ display: flex; } 위와 같이 가로배치가 되기는 합니다만.. 크기가 컨텐츠의 크기만큼 줄어듭니다. 🖐 이제부터 나올 내용은 flex-items 즉, 위 코드에서 fle..

ease-in function: 브라우저에게 에니메이션이 어떻게 바뀌는지 알려주는 기능을 함. transition 여러개 적용하고 싶을 때 ,를 이용 transition: background color 1s ease-in-out , font-size 2s ease-out ease in: 처음에 느림 ease out:끝에 느림 ease-in-out: 처음과 끝에 느림 transformatives transform - scale, rotate 등