Front-end

HTML 태그와 종류1) BOX형 태그Box형 태그는 사용자들에게 보여지는 content들의 구조를 지정할 때 사용 header, footer, nav, aside, mainsection, article, div, span, form 2) ITEM형 태그 아이템형 태

아래 웹싸이트에서 정리 잘 해둠.https://code.tutsplus.com/ko/tutorials/the-30-css-selectors-you-must-memorize--net-16048그 중에서 몇 개 정리하면 인접 선택자로 부르는 선택자입니다. 앞의 요

미디어쿼리는 css에서 어떤 스타일을 선택적으로 적용하고 싶을 때 쓴다.다른 언어의 if 조건문과 비슷하다.조건이 만족되면 스타일 부분의 코드가 돌아가고 아니면 안 돌아간다.핸드폰처럼 좁은 화면에서만 특정 스타일을 적용하고 싶으면 화면의 최대 너비를 제한함으로써 적용할

Flex는 레이아웃 배치 전용 기능으로 고안되었다. 그래서 레이아웃을 만들 때 딱히 사용할게 없어서 쓰던 float나 inline-block 등을 이용한 기존 방식보다 훨씬 강력하고 편리한 기능들이 많다.부모 요소인 div.container를 Flex Container

Grid 레이아웃을 만들기 위한 기본적인 HTML 구조는 다음과 같다.Flex와 마찬가지로, 컨테이너와 아이템이 있으면 된다.부모 요소인 div.container를 Grid Container(그리드 컨테이너)라고 부르고,자식 요소인 div.item들을 Grid Item

ex) <img>, <a>, <span>, <strong> 등옆으로 쭉 나열 되다가, 공간이 모자라면 다음 줄로 넘어간다.ex) <div>, <p> 출처: https://studiomeal.com/archives/282