푸으름

✏️ 사용자 동작에 반응하는 가상 클래스사용자가 웹 요소를 클릭하거나 마우스 포인터를 올려놓는 등 특정 동작을 할 때 스타일이 바뀌도록 함  #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원/일 ✏️ 자..

✏️ 배경 이미지 관련 속성종류설명background-color배경색 지정background-clip배경색이나 이미지의 적용 범위 지정background-image배경 이미지 지정background-repeat배경 이미지의 반복 방법 지정backgroud-position배경 이미지의 위치 지정background-origin배경 이미지를 배치할 기준 지정backround-attachment배경 이미지를 문서에 고정background하나의 속성으로 배경 스타일을 한꺼번에 지정backround-size배경 이미지의 크기를 조절✏️ 선형 그라데이션 관련 속성종류설명방향끝 지점을 기준으로 to 다음에 방향을 나타내는 예약어를 최대 2개 사용 가능. 사용할 수 있는 예약어는 left right top bottom각..