N

연결 선택자 하위 선택자 부모 요소에 포함된 하위 요소 모두에 스타일이 적용된다. 자식 요소 뿐만 아니라 손자 요소, 손자의 손자 요소 등 모든 하위 요소까지 적용된다. div p { color: red; } 자식 선택자 하위 요소 전체에 스타일을 적용하지 않고, 자식 요소에만 스타일이 적용된다. '>'를 사용 div > p { color: red; } /* div의 자식 요소 p에만 색이 red로 적용된다. */ 인접 형제 선택자 형제 요소 중 가장 가까운 태그의 첫번째 요소에 스타일을 적용한다. '+'를 사용 div + p { color: red; } /* div 태그의 형제 요소 p 중 첫번째 요소에만 적용 */ 형제 선택자 모든 형제 요소들에 스타일을 적용한다. '~'를 사용 div ~ p { c..

우선 새로운 주차가 시작되면서 지난 2주간 TIL을 작성하지 못했다는 것에 반성을 한다. Notion 클로닝이라는 주제로 개인 프로젝트 과제가 주어졌다. 완벽하게 노션을 구현하지는 못했지만, 최소한의 주어진 공통 기능을 구현하려 노력했다. 교육을 시작한 1주차에 비해 지금은 많은 발전을 이뤘다고 생각한다. 그러나 수월하게 진행하지 못했기 때문에 더 많은 노력이 필요하다고 생각한다. 어느덧 6주차가 되면서 CSS 강의를 듣게 되었다. 프로젝트 과제를 하면서 어렵게 생각한 것이 CSS 였다. 익숙치 않고, 디자인 감각 또한 없었기 때문에 강의를 듣는 데에도 어려웠다. 그래서 강의를 모두 들은 후, 책으로 CSS 공부를 처음부터 시작하려고 한다. 책을 빠르게 완독한 후, 오늘 들었던 강의를 다시 한 번 보게 ..

HTML Hyper Text MarUp Language 로직이 실행되지 않기 때문에 HTML은 언어가 아니다.(계산이 되지 않는다!) 스타일의 수정 사항이 발생했을 때, 각각의 파일을 수정해야 했기 때문에 오랜 시간이 걸렸다. 그러나 CSS를 통해 HTML의 스타일을 한꺼번에 수정할 수 있다.(HTML 파일과 CSS 파일을 분리하여 수정 가능) HTML5 영상과 음성을 처리하기 위한 멀티미디어 요소가 추가되었다.(audio, video, canvas) 구조적인 요소가 추가되었다.(header, nav, article, section 등..) 표현을 담당하던 태그 대신 의미를 담은 태그가 추가되었다. CSS HTML에 스타일을 추가하여 더욱 더 동적이고 멋진(?) 웹을 표현할 수 있다. HTML은 문서 구..