코드잇 스프린트 6기/위클리 페이퍼7 [2주차] 시맨틱 태그 / 1. 시맨틱 태그를 사용하면 좋은 점을 설명해 주세요. 시맨틱 태그(semantic tag) : 의미가 있는 태그 시맨틱 태그가 생기기 전에는 모두 div 태그로 사용하였다. 모두 div 태그로 사용하다 보니, 가독성이 떨어지는 문제가 있었다. 종류 header / nav / main / article / section / aside / footer / div header : 검색 창이나 사이트 메뉴를 삽입 nav : 다른 문서로 연결하는 링크 역할을 수행 / 어떤 곳이든 배치할 수 있다. main : 웹 문서에서 핵심이 되는 내용을 넣는다. / 한 번만 사용할 수 있다. article : 보여주고 싶은 내용을 넣는다. / 여러 번 사용할 수 있으며, section 태그를 넣을 수도 있다. section.. 2024. 3. 17. [1주차] Cascading / position 1. CSS의 Cascading에 대해 설명해 주세요. CSS : Cascading StyleSheet Casecade : 계단 형태가 있는 폭포 ==> 즉, 순서가 있다. 다시 말해, 계단에 따라 흐르는 것처럼 CSS 규칙에 따라 CSS 속성을 적용하는 것 1) 같은 선택자라도 코드가 아랫줄에 있을수록 캐스케이딩에서 우선순위가 높다. 2) 웹 브라우저 기본 스타일시트보다 사이트에서 작성한 스타일시트가 우선순위가 높다. 3) 명시도 점수가 높을수록 캐스케이드에서 우선순위가 높다. - 아이디 개수, 클래스 개수, 요소 개수를 순서대로 숫자를 나열하여 점수를 부여한다. 스타일 우선순위 중요도 사용자 스타일 > 제작자 스타일 > 브라우저 기본 스타일 적용 범위 !important > 인라인 스타일 > id 스.. 2024. 3. 9. 이전 1 2 다음
