Css 에는 id 선택기 및 클래스 선택기와 같은 다양한 선택기가 포함되어 있습니다. 어떻게 사용하는지, 무엇을 주의해야 합니까?

CSS \x0d\ 1)class 의 id 와 class 속성의 차이점은 한 요소가 속한 스타일을 지정하는 태그가 있는 클래스입니다. Css 스타일에서는 소문자 "점" 과 "."로 이름이 지정되지만 html 페이지에서는 class="css5 "로 호출됩니다. 이름이 지정된 CSS 를 CSS 선택기라고도 합니다. \x0d\ 예:. Css5 {속성: 속성 값; } 선택기 이름은 "나는 클래스 인스턴스 \ x0d \" 입니다. 아기 {색상: 석회; 배경: #ff80c0 }\x0d\ 사용법: class="baobao" \x0d\\x0d\2)id 는 레이블 지정 식별자입니다. 요소를 정의하는 고유한 스타일입니다. CSS 스타일을 정의할 때 id 이름 \x0d\ 를 CSS 규칙으로' #' 로 명명합니다: \ x0d \ # binbin {font-size: larger} \ x0d \ 사용법: (\ x0d \ \ x0d \ 3)id 는 class 와 동일한 방식으로 사용되지만 class 는 id 로 대체됩니다. 예: \ x0d \ defineid \ x0d \ # css5 {height: 25px; 폭: 200px} ₩ x0d ₩ callID: ₩ x0d ₩ 저는 id 예입니다. ₩ \x0d\class 는 옷처럼 모든 구조와 내용에 중첩될 수 있는 스타일입니다. (\x0d\\x0d\4) 개념적으로 다른 \x0d\id 는 구조/내용을 먼저 찾은 다음 스타일을 정의하는 것입니다. 클래스는 먼저 스타일을 정의한 다음 여러 구조/내용으로 설정합니다. \x0d\( 1)\x0d\ \x0d\ 클래스는 사용자 정의 기준에 따라 하나 이상의 요소를 정의하는 데 사용됩니다. 보다 적절한 비유는 스크립트입니다. 클래스는 스크립트의 각 캐릭터에 대한 스토리라인을 정의할 수 있습니다. \x0d\ cSS, 자바스크립트 등을 통해 이 클래스를 사용할 수 있습니다. 따라서 class="Frodo ",class= "Gandalf", \x0d\class="Aragorn "을 사용하여 한 페이지에서 서로 다른 스토리라인을 구분할 수 있습니다. 한 문서에 class 를 여러 번 사용할 수 있는 것도 중요합니다. \ x0d \(2)ID pass \ x0d \ 는 일반적으로 페이지에 한 번만 나타나는 태그를 정의하는 데 사용됩니다. 페이지 레이아웃의 구조 레이아웃에서 페이지는 일반적으로 머리글, 머리글, 컨텐츠 영역, 바닥글 등으로 구성됩니다. ), 일반적으로 ID 를 사용하는 것이 좋습니다. 한 문서에서 ID 를 한 번만 사용할 수 있기 때문입니다. \x0d\ 이러한 요소는 같은 페이지에 한 번 이상 나타나지 않습니다. \x0d\ class 는 다시 사용할 수 있지만 id 는 한 페이지에서 한 번만 사용할 수 있다는 한 문장으로 요약할 수 있습니다. \x0d\\x0d\ 대부분의 브라우저에서 동일한 id 를 다시 사용하는 것은 문제가 없지만, 표준적으로는 확실히 잘못된 사용이며 일부 브라우저에서 실제 문제가 발생할 가능성이 높습니다. \x0d\ 실제 응용 프로그램에서 class 는 텍스트 컴포지션에 유용하고 id 는 매크로 레이아웃과 디자인에 유용합니다. & gt