CSS 초보자가 처음 div+css 레이아웃을 사용하기 시작할 때 속성을 정의할 때 ID를 사용해야 하는지, 클래스를 사용해야 하는지에 대한 질문으로 인해 어려움을 겪는 경우가 많습니다. 여기서는 작업에 ID와 클래스를 사용하는 원칙에 대해 이야기하겠습니다. 초보자에게 도움이 되길 바랍니다.
[b]ID 이용 원칙[/b]
우리는 ID가 고유하다는 것을 알고 있는데, 이는 ID가 전체 xhtml에서 반복될 수 없다는 것을 의미하므로 웹 페이지를 작성할 때 네이밍에 따라 로고, 탐색, 주요 콘텐츠, 저작권 등과 같은 큰 구조에 ID가 사용됩니다. 표준 이름을 #logo, #nav, #contenter, #copyright로 지정합니다. 또 다른 상황은 특정 효과를 얻기 위해 js를 통해 레이어를 적용하려는 경우 id를 사용하는 것입니다. 이는 ID의 고유성에 의해서도 결정됩니다.
[b] 클래스 사용 원칙[/b]
클래스는 CSS 정의에서 보편적이며 무한히 재사용할 수 있습니다. 이는 또한 div+css 레이아웃의 우수성을 반영합니다. 클래스는 구조 내부에서 자주 사용됩니다. 이 장점은 나중에 웹 사이트 코드를 유지 관리하고 수정하는 데 도움이 된다는 것입니다. 이렇게 하면 모든 클래스가 id의 자식 또는 손자가 됩니다.
주목해야 할 또 다른 점은 클래스에 .ff #childer{와 같은 ID가 포함되지 않도록 하라는 것입니다. ..}, 이는 분명히 바람직하지 않으며 글쓰기 습관과도 일치하지 않습니다. 또한 이전에 좋은 글쓰기 습관을 소개한 적이 있는데, 이는 표준화된 코드를 작성하고, 다른 동료와 협력하고, 나중에 유지 관리하는 데 매우 도움이 됩니다.