웹시의 코딩기록

hover, active 마우스 속성커서가 요소 위에 없는 기본 상태hover : 마우스 커서가 요소 위로 움직였을 때의 상태h1:hover {color : red;}  이 코드에 따르면 마우스 커서가 h1 요소 위로 이동하면 글자 색상이 빨간색으로 바뀝니다.active : 요소가 클릭된 상태h1:active {color : blue;}  이 코드에 따르면, h1 요소를 클릭하면 글자 색상이 파란색으로 바뀝니다.  enabled, disabled Enabled Disabled enabled : 사용자가 데이터를 입력하고 상호 작용할 수 있는 상태disabled : 사용자가 데이터를 입력하거나 상호 작용할 수 없는 상태focus : 사용자가 요소를 클릭하면 해당 요소에 스타일 ..

CSS 2024. 6. 9. 22:07

선택자에는 자손 선택자, 자식 선택자, 형제 선택자가 있습니다.우선 자손 선택자부터 알아보도록 하겠습니다.자손 선택자 자손 선택자는 특정 요소의 모든 자손 요소를 선택합니다.  CSS1 CSS2 CSS3 CSS4 #header h3 : id가 header인 요소 아래의 모든 h3 요소를 빨간색으로 지정합니다.#section h3 : id가 section인 요소 아래의 모든 h3 요소를 파란색으로 지정합니다.CSS4 텍스트가 색상이 변경되지 않는 이유는 h3 요소가 아닌 p 요소 안에 있기 때문입니다. 자식 선택자 자식 선택자는 특정 요소의 직계 자식 요소만 선택합니다.  C..

CSS 2024. 6. 9. 22:04

width : 폭, 요소의 너비height : 요소의 높이margin : 요소와 요소 간의 간격 설정padding : 요소의 테두리와 내용 사이의 간격 설정overflow : 요소의 내용이 지정된 크기를 벗어날 때의 처리 방법select : 사용자가 텍스트를 선택할 때의 스타일border : 요소의 테두리 설정border-radius : 요소의 테두리 모서리를 둥글게hover : 마우스 커서가 요소 위에 있을 때 적용되는 스타일active : 요소가 클릭될 때 적용되는 스타일focus : 요소를 클릭하면 해당 요소에 스타일 적용first-child : 부모 요소의 첫번째 자식 요소 선택 first-of-type : 부모 요소 내에서 지정된 유형의 첫 번째 요소를 선택nth-child( ) : 부모 요소의..

CSS 2024. 6. 1. 23:29