CSS 그리드 명명된 영역이 따옴표로 묶이지 않는 이유는 무엇입니까?

CSS의 명명된 그리드 영역에 따옴표가 없는 이유

CSS 그리드에서 명명된 그리드 영역은 따옴표 없이 ID를 통해 액세스됩니다. 명명된 그리드 영역은 그리드에 따옴표("area1 Area2" / 1fr 1fr;)로 지정되므로 이상하게 보일 수 있습니다.

식별자 사용 이유

CSS Grid 개발자가 선택했습니다. 나머지 CSS와의 일관성을 위해 문자열 대신 식별자를 사용합니다. 대부분의 CSS 속성은 표시, 글꼴 두께, 정당화 콘텐츠 등 값 지정을 위해 식별자를 사용합니다. 명명된 그리드 영역에 식별자를 사용함으로써 CSS 사양은 균일성을 유지합니다.

식별자 대 문자열

식별자는 키워드로 잘못 해석되지 않는 작성자가 정의한 문자 시퀀스입니다. 대소문자를 구분하며 따옴표를 붙여서는 안 됩니다.

반면에 문자열은 따옴표(작은따옴표 또는 큰따옴표)로 구분된 일련의 문자입니다. 이는 CSS 구문 모듈의 생산.

예

다음 예에서 .logo의 그리드 영역은 영역 이름 "logo"를 식별자로 할당합니다. string:

.grid {
  display: grid;
  grid-template-areas: "logo  nav  nav"
                        "content  content  content"
                        "footer footer  footer";
}

.logo {
  grid-area: logo;
}

결론

이름이 지정된 그리드 영역에 식별자를 사용하는 것이 처음에는 직관에 반하는 것처럼 보일 수 있지만 CSS 그리드 사양 개발자는 이를 위해 선택했습니다. 대부분의 CSS 속성과 일관성이 있습니다. 이 결정은 균일한 구문을 유지하여 개발자의 학습 곡선을 더욱 원활하게 해줍니다.

위 내용은 CSS 그리드 명명된 영역이 따옴표로 묶이지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!