목록Selector (2)
선우공작소
궁금해요! 너를 알려줘! CSS 안녕하세요. 선우에요. 총 3차례에 걸쳐 HTML에 대해 포스팅 했는데요. 비록 기초적인 부분이지만, HTML의 기본 구조정도는 그릴 수 있다고 생각합니다. 혹시 HTML5 구조를 코딩하기 어려운 분이 있다면 HTML 카테고리의 궁금해요! 너를 알려줘! HTML5의 시맨틱 구조 글을 참고해 주세요. 위의 포스팅에서 구조에 대한 이해와 예시 소스를 보시면 될 것 같습니다. 그럼 그 가정하에 CSS에 대해 배워볼까요? 공부야 말로 들어올 때는 마음대로 였겠지만, 나갈 때는 아니란다. 입문은 밥 먹듯이 하는데, 나갈 수가 없네. 크흑.. CSS란 무엇일까요? CSS란 Cascading Style Sheets의 약자로 W3C의 표준이며, 주로 HTML, XHTML에서 레이아웃과 ..
선택자(selector)의 종류 이름 예시 설명 공통 선택자 * 전체 요소 선택 = All 타입 선택자 div 해당 요소(div)의 전체 하위 선택자 div p 해당 요소(div)의 일치하는 전체 하위 요소(p) 자식 선택자 div > p 해당 요소(div)의 인접하는 하위 요소(p) 클래스 선택자 div.css 해당 요소(div)의 일치하는 class 값 아이디 선택자 div#id 해당 요소(div)의 일치하는 id 값 1) 공통 선택자전체 요소를 선택한다.단 모바일에서 적용되지 않는다. 2) 타입 선택자타입 선택자가 div일 경우, div의 모든 요소를 가르키며, 기본값으로 지정된다. 3) 하위 선택자하위 선택자가 div p일 경우, div의 안에 있는 하위 요소 p를 모두 가르킨다.p의 부모가 di..