html,css

hmtl이란?웹페이지를 표시하기 위해 마크업의 의미는 구조를 잡는다는 의미다. 페이지의 구조를 잡는다는 의미 특징 : 태그를 사용한다. 마크업, 마크다운은 문법의 차이가 있을 뿐이다. 마크다운이 좀 더 경량화 되어있음.하지만 태그를 다 안다고 해서 html을 안다고 하

코드펜에서 요렇게 해서 탭하면 요렇게 됩니다. vs code도 동일. 위에는 형제지간 아래는 div가 부모고 section이 자식이다. 바디 안에 있기 때문에 쟤네들은 자식과 후손들임. 이런걸 sibling이라고 한다. Sibling(형제 노드) HTML, CS

많은 div가 있으면 어떻게 구분할까? 보통은 클래스나 id를 부여하지만 그 전에 하나가 더 있다 id를 부여하지 않아도 누군가의 둘째 자식이어야 해첫번째 자식은 first-child라고 해도 되고, 막내는 last-child라고도 가능이런식으로 막내에서부터 두번째!도

id는 우선순위가 가장 높다.협업을 하면서 id가 겹치면 안된다. 오작동을 일으킬 가능성이 높기 때문에.그리고 id는 숫자로 해서는 안됨!하지만 class는 이름이 겹쳐도 되는데 이유는 재사용 가능한 속성이기 때문이다.필요에 따라서 하나의 요소에 여러 클래스를 지정해

html에서는 상단에 있는 단축 코드를 알아두면 너무나 좋아요. 기억했다가 잘 활용하는 것을 추천!css를 작성할 때는 순서를 맞춰서 코드를 짜는 것이 좋다. 가장 위에 있는 태그부터 머릿속으로 그려가면서 하나씩 순서를 끝마치고 다음으로 넘어가야 한다.스타일을 줄 때는

displayposition float flex 우리가 이렇게 배우기로 했는데 float은 비중이 적어요 우선 css를 할 때 display로 해보고 안될때 position으로 넘어갑니다. static은 겹칠 수 없다. absolute는 겹칠 수 있다. 겹치고 싶다.

사람들이 착각을 하는데 div 태그밖에 after가 있는줄 알지만 사실 태그 안에 들어갑니당.그리고 드래그가 안된다는 특징이 있다.:not(:only-child)::after:only-child::after이렇게 빠르게 사이드바나 메뉴를 만들기까지 매일 연습해서 강사

우선 이렇게 해놨을 때 선생님이 알려주신 라이브러리를 css를 붙여넣는다. css에 저렇게 주고 html에 클래스 이름을 주면 색이 입혀진다. 이렇게 ul에 flex를 주면 display:inline-block; 속성처럼 줄 수 있다. 왜 flex만 줬는데 이렇게 일렬