
기타/(기타) 헷갈리는거, 어려운코드, 효율적인코드

[HTML] 시맨틱 태그 - div, navi 등 ...
1. 종류 태그, 태그 헤더 / 본문 / 푸터 영역 등 태그 -보통 웹사이트에서 맨 위쪽이나 왼쪽에 위치 -> 검색 창이나 사이트 메뉴를 삽입 (*단, 태그와는 다름) 태그 -같은 웹 문서 안에서, 다른 위치로 연결하거나 다른 웹 문서로 연결하는 링크를 만듦 (흔히 네비게이션을 만들 때 사용) -웹 문서의 위치에 영향을 받지 않음 -> 헤더, 푸터, 사이드 바 안에 포함할 수도 있고 독립해서 사용할 수도 있음 -웹 문서에서 nav>태그를 여러개 사용할 경우 -> 각각 id 속성을 지정하면, 네비게이션마다 다른 스타일을 적용 가능 태그 -핵심 콘텐츠를 담음 태그 태그 -태그와 비슷해 보이기도 하지만, 태그는 몇 개의 콘텐츠를 묶는 용도로 사용하는 반면 태그는 블로그의 포스트처럼 독립된 콘텐츠로 씀 (*단,..

CSS 기본 선택자 & 우선순위
*선택자 : 웹 문서에서 어느 부분에 스타일을 적용할지 알려주는 것 여러 요소에 스타일을 적용하고 싶을 때 전체 선택자 * { } -스타일을 문서의 모든 요소에 적용하고 싶을 때 씀 -모든 하위 요소에 스타일을 한꺼번에 적용 타입 선택자 (=태그 선택자) (=요소 선택자) p { } -p태그를 사용한 모든 p요소에 스타일을 적용 일부 요소는 다른 스타일을 개별적으로 적용하고 싶을 때 클래스 선택자 .블라블라 { } ~ class="블라블라" 1. 하나의 요소에 한개의 클래스를 적용하는 경우 2. 하나의 요소에 두개 이상의 클래스를 적용하는 경우 3. 를 쓰는 경우 -일부는 다른 스타일을 적용하고 싶을 때 씀 -클래스 선택자를 사용해 만든 스타일 = 클래스 스타일 -> 이 클래스 스타일을 적용할 때에는 c..