별초롱언니는 개발중

▣ 조합 선택자· 기존의 여러 선택자를 복합적으로 조합하는 방법을 제공구분조합 방법설명후손 선택자선택자 A 선택자 B선택자 B 가 선택자 A에 반드시 포함되어 있을 경우에 선택한다.자손 선택자 선택자 A > 선택자 B부모 선택자 A의 직계 자손인 선택자 B를 선택한다.인접 형체 선택자선택자 A + 선택자 B선택자 A 바로 다음에 위치한 선택자 B를 선택한다.일반 형제 선택자 선택자 A ~ 선택자 B선택자 A 뒤에 인접하여 나타나는 모든 선택자 B를 선택한다.그룹 선택자 선택자 A, 선택자 B선택자 A와 선택자 B를 모두 선택한다. ▣ 조합 선택자의 이해 Descendant Selector_1 후손 선택자 자식의 자식 (후손1) 자식의 자식 (후손2) Desce..

▣ 가상 선택자· 웹 문서에는 보이지 않지만 동작에 영향을 주는 속성을 가상 선택자로 이용 ▣ 이벤트 가상 클래스 선택자· 사용자가 마우스 이벤트 행위를 어떻게 하는지에 따라서 스타일 시트 다르게 적용 a:link { color: blue; }사용 방법설명사용 예:link 선택자웹 문서에서 사용자가 방문하지 않았던 곳을 표시한다.a:link { color: red; text-decoration:none }:visited 선택자웹 문서에서 사용자가 방문한 곳을 표시한다a:visited { color: blue; }:active 선택자웹 문서에서 사용자가 링크를 클릭하는 순간을 나타낸다. a:active { color: black; }:hover 선택자 웹 문서에서 사용자가 링크에 마우스 포인터를 올..

▣ CSS의 기본 선택자종류사용방법설명전체 선택자 * { 속성선언; }모든 태그에 스타일을 적용한다타입 선택자태그 { 속성선언; }지정한 태그에 스타일을 적용한다클래스 선택자.클래스 이름 { 속성선언; }지정한 클래스에 스타일을 적용한다아이디 선택자#아이디 { 속성선언; }지정한 아이디에 스타일을 적용한다속성 선택자[속성] { 속성선언; }[속성="값"] { 속성선언; }지정한 속성 또는 속성값이 있는 태그에 스타일을 적용한다  Universal Selector 모두 같은 색상, 같은 크기 전체적으로 동시에 스타일 적용 모든 데이터에 적용  Type Selector Type Selector Type Selector 각 요소에 다르게 적용 Class1 입니다. Class1 입니다. ..

▣ 스타일 시트 사용 위치 확인하기p3 { color: green; background-color: yellow;} 인라인 스타일 시트 적용 내부 스타일 시트 적용 외부 스타일 시트 적용▣ CSS 적용 우선순위 살펴보기p { color : green; background-color: yellow;} CSS가 중복 정의된 경우 어떤 것이 적용될까? CSS가 중복 정의된 경우 어떤 것이 적용될까?

▣ CSS3 · 스타일 시트 표준안 · 웹 문서에 글꼴, 색상, 정렬과 각 요소의 배치 방법 등과 같은 디자인 요소를 적용하는 데 사용   ▣ CSS3의 구성 · 선택자 (Selector) : 스타일 시트를 적용할 대상을 지정 · 속성 (Property) : 어떤 속성을 적용할지 선택 · 속성값 (Value) : 속성에 어떤 값을 반영할지 선택