sharingStorage

label 태그와 그 역할 태그사이에 위치한 text, checkbox, radio 등 클릭 가능 영역이 텍스트로 확장됩니다 label for 속성을 통해 다른 요소와 결합할 수 있으며, 이때 요소의 for속성값은 결합하고자 하는 요소의 id 속성값과 같아야 합니다. 이러한 요소는 브라우저에 의해 일반적인 텍스트로 렌더링 되지만 사용자가 마우스로 해당 텍스트를 클릭할 경우 과 연결된 요소를 곧 바로 선택할 수 있어서 사용자의 편의성을 높일 수 있습니다. 사용예시 label의 for 속성이 input의 id속성과 일치하므로 “분” 텍스트를 클릭해도 input에 focus가 맞춰지는 것을 볼 수 있습니다. 분/시 변환기 분: setMinute(e.target.value)} /> 사용예시 2 label 태그의..

CSS의 position 속성은 문서상에 요소를 배치하는 방법을 지정합니다. static : 모든 태그들은 default값이 static이다. 태그들은 왼쪽에서 오른쪽, 위에서 아래로 쌓인다. relative: static에서 위치를 살짝 변경하고 싶을 때 사용 top, bottom, left, right 속성을 사용해 위치 조절 가능. static일 때를 기준으로 태그들이 움직임. 같은 position이면 나중에 나온 태그가 위에 배치된다. z-index는 겹칠 때 어떤 태그가 위로 올라갈지 정한다. absolute: absolute는 position:static 속성을 가지고 있지 않은 조상을 기준으로 움직임. 만약 조상 중에 포지션이 relative, absolute, fixed인 태그가 없으면 b..