👩🏻‍💻 프로그래밍 언어

✅ em 단위기준: em 단위는 요소의 직접적인 부모 요소 또는 자신의 글꼴 크기를 기준으로 합니다.상대적 크기: 부모 요소의 글꼴 크기에 상대적이므로, 중첩된 요소들의 크기 계산이 복잡해질 수 있습니다.사용 예: 특정 요소의 크기를 그 요소가 포함된 컨텍스트 내에서 상대적으로 설정할 때 유용합니다.✅ rem 단위기준: rem 단위는 루트 요소(html 요소)의 글꼴 크기를 기준으로 합니다.일관성: 전체 문서에서 동일한 기준을 사용하므로, 일관된 크기 조정을 할 수 있습니다.사용 예: 전체 문서에서 일관된 상대적 크기를 설정할 때 유용합니다. 사용 예`em` 사용 예 Container element with font-size: 1.5em Nested element with fon..

aside와 article을 함께 사용한 예제 Main Article Content This is the main content of the article. It contains the primary information and details on the topic being discussed. Related Articles Related Article 1 Related Article 2 Related Article 3   aside와 section을 함께 사용한 예제 Section Main Content This is the main content of the section. It covers a specific par..

fieldset 태그 Personal Information Name: Email: Account Details Username: Password: Submit설명fieldset 태그는 HTML 폼 내에서 관련된 폼 컨트롤을 그룹화하는 데 사용됩니다. 시각적으로 그룹을 묶어주는 역할을 하며, 일반적으로 legend 태그와 함께 사용되어 그룹의 제목을 제공합니다.특징그룹화: 관련된 폼 요소들을 논리적으로 그룹화하여 사용자의 이해를 돕습니다.시각적 구분: 브라우저는 fieldset 요소에 기본적으로 테두리를 제공하여 시각적으로 구분되도록 합니다.legend와 함께 사용: legend 태그는 fieldset의 제목..

.container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}설명repeat(3, 1fr):repeat 함수는 반복적인 그리드 트랙을 정의합니다.첫 번째 인수인 3은 반복 횟수를 의미합니다. 여기서는 3번 반복됩니다.두 번째 인수인 1fr은 각 트랙의 크기를 정의합니다. 여기서 1fr은 그리드 컨테이너 내의 사용 가능한 공간의 비율을 의미합니다.fr 단위fr(Fraction Unit):fr 단위는 CSS Grid에서 사용 가능한 공간을 분할하는 데 사용됩니다.예를 들어, 1fr은 가용 공간의 1부분을 의미합니다. 여러 fr 값이 있을 때, 각각의 값은 전체 가용 공간의 비율을 정의합니다.