둘기노트 둘기노트

오늘은 CSS 선택자와 그 우선순위에 대해 정리해보고자 한다. 아는 것들만 쓰게 되지만 다시 한번 정리하는 차원에서 자세히 뜯어보고자 한다. 먼저 CSS 선택자는 인라인 CSS > 외부 > 내부 순으로 적용된다. 존재하는 모든 선택자들을 테이블로 정리하면 다음과 같다. 선택자 문법 설명 아이디 #id - 중첩 사용 가능 - 문서 스타일이나 자바스크립트 선택자 사용할 때 대체로 사용 클래스 .class - 섹터 구분할 때 주로 사용 - 중첩 사용 가능 - a 태그를 활용하여 특정 id 로 이동 가능 하위선택자 section ul {} - 태그 안의 태그를 선택할 때 사용 자식선택자 section > ul {} - 부모 요소의 자식 요소를 선택 인접 형제 선택자 h1 + ul {} - 앞 태그 직후 나오는 ..

프론트엔드스쿨 1일차에 깃허브 그리고 emmet 문법에 대해 배웠다. Emmet이란? HTML 마크업을 할때 사용되는 자동완성문법이다. 다양한 태그를 빠르게 여러개 생성할 때, 태그 내 클래스명을 한꺼번에 지정해줄 때, 태그 내 텍스트를 넣어줄 때 유용하게 활용할 수 있다. Emmet 기초 ">" 태그 내 태그 생성 원하는 태그 이름을 작성 후 포함(>)하는 문법을 사용한다. ul내 li를 생성할때의 예시는 다음과 같다. ul>li "*" 같은 태그 여러개 생성 원하는 태그 이름을 작성 후 복사(*)하는 문법을 사용한다. ul내 li를 여러개 생성할 때 예시는 다음과 같다. ul>li*4 "*" 같은 태그 여러개 생성 원하는 태그 이름을 작성 후 복사(*)하는 문법을 사용한다. ul내 li를 여러개 생성..