푸으름

✏️ 연결 선택자종류형식설명하위 선택자상위요소 하위요소상위 요소에 포함된 모든 하위 요소를 선택자식 선택자상위요소 > 하위요소부모 요소에 포함된 자식 요소만 선택인접 형제 선택자요소1 + 요소2요소1 이후 맨 처음에 오는 형제 요소를 선택형제 선택자요소1 ~ 요소2요소1 이후 오는 모든 형제 요소를 선택✏️ 속성 선택자종류선택 요소예시[속성]해당 속성이 있는 요소[required][속성=값]지정한 속성값이 있는 요소[target = _blank][속성~=값]지정한 속성값이 포함된 요소(단어별)[class ~= button][속성|=값]지정한 속성값이 포함된 요소(하이픈 포함, 단어별)[title |= us][속성^=값]지정한 속성값으로 시작하는 요소[title ^= eng][속성$=값]지정한 속성값으로 ..

✏️ 사용자 동작에 반응하는 가상 클래스사용자가 웹 요소를 클릭하거나 마우스 포인터를 올려놓는 등 특정 동작을 할 때 스타일이 바뀌도록 함  #1 가상 클래스 - link 가상 클래스 선택자웹 문서의 링크 중에서 사용자가 아직 방문하지 않은 링크에 스타일을 적용텍스트 링크는 기본적으로 파란색 글자와 밑줄로 표시 / 이때 링크의 밑줄을 없애거나 색상을 바꿀 수 있음 #2 가상 클래스 - visited 가상 클래스 선택자웹 문서의 링크 중에서 한 번 이상 방문한 링크에 스타일을 적용하며 한 번 이상 방문한 링크는 보라색이 기본값사용자가 방문한 텍스트 링크와 색상이 달라지지 않게 하려면 visted 선택자를 사용하여 조절 #3 가상 클래스 -  hover 가상 클래스 선택자웹 요소 위로 마우스 포인터를 올려놓..

✏️ 특정 속성이 있는 요소를 선택하는 [속성] 선택자속성값에 따라 원하는 요소를 선택하기 위해 사용하는 [속성] 선택자대괄호 사이에 원하는 속성을 입력할 수 있음a[href]{...} 메인 메뉴 : 메뉴 1 메뉴 2 메뉴 3 메뉴 4 a[href]를 통해 속성을 선택하였고 태그 안에서 메인 메뉴를 제외한 모드 요소에 노란색이 적용됨 ✏️ 특정 속성값이 있는 요소를 선택하는 [속성=속성값] 선택자주어진 속성과 속성값이 일치하는 요소를 찾아 스타일을 지정할 때 사용대괄호 사이에 속성과 속성값을 넣고 그 사이에 "=" 기호를 표시a[target=_blank]{...} HTML CSS Selector Level 3 미디어쿼리 ✏️ 여러 값 중 특정 속성값이 포함된 속성 요소를 선..

✏️ 하위 요소, 자식 요소, 손자 요소특정 요소를 기준으로 그 안에 포함된 요소를 하위 요소라고 칭함현재 요소를 기준으로 바로 한 단계 아래 요소는 자식 요소, 그 자식 요소의 한 단계 아래는 손자 요소라고 칭함 ✏️ 하위 선택자부모 요소에 포함된 모든 하위 요소를 선택하며 자손 선택자라고도 불림자식 요소뿐만 아니라 손자 요소, 손자의 손자 요소 등 모든 하위 요소까지 적용상위 요소와 하위 요소를 공백으로 구분 / 기본형 : 상위요소  하위요소 예약 방법 & 사용 요금 아직 온라인 예약 신청이 준비되어 있지 않습니다. 전화(xxx-xxxx-xxxx)로 문의 바랍니다. 가족실(2~4인) : 60,000원/일 도미토리(4인 공용) : 25,000원/일 ✏️ 자..