이 글은 주로 CSS에서 클래스와 ID의 차이점과 사용법을 소개합니다. 이제는 모든 사람과 공유합니다. 필요한 친구들이 참고할 수 있습니다.
p CSS를 사용하여 Xhtml 웹 페이지를 만들 때 , CSS 스타일 속성을 호출하기 위해 Class와 id를 자주 사용하는데, 언제 class를 사용해야 하고, 언제 id를 사용해야 할까요? CLASS와 ID의 기본 속성과 사용법을 자세히 알아볼까요
우리가 주로 사용할 때 p CSS를 사용하여 Xhtml 웹 페이지를 생성할 때 종종 클래스와 ID를 사용하여 CSS 스타일 속성을 선택하고 호출합니다. CSS를 처음 배우는 초보자에게는 class와 id가 모호할 수도 있고, 언제 class를 사용해야 하는지, 언제 id를 사용해야 하는지, 사용법과 제한 사항이 무엇인지 알 수 없습니다. 다음으로 CLASS와 ID의 기본 속성과 사용법에 대해 자세히 알아보겠습니다.
클래스는 프로그램에서 "클래스"라고 불리며, CSS의 서면 언어에서는 "클래스"라고도 합니다. CSS 스타일에서는 .css5{attribute: attribute value;}와 같이 소문자 "dot" 및 "."으로 이름이 지정되고 html 페이지에서는 class="css5"가 호출을 선택하는 데 사용됩니다. CSS는 CSS 선택자라고도 합니다. 예: .css5{attribute: attribute value;} 선택기는 html에서 "
I am a class example
"로 호출됩니다. CSS를 인용하는 방법을 모르는 경우 , CSS 참조에 대해 알아볼 수 있습니다.나는 ID 예시
입니다.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>p CSS中CLASS与ID实例 - -p+CSS-www.pcss5.com</title> <style> .css5{ width:100px; height:100px; border:1px solid #000; float:left; } .css5_class{ background:#FFF;} /* 背景白色 */ #css5_id{ background:#FF0000;} /* 背景红色 */ </style> </head> <body> <p class="css5 css5_class">我在浏览器下浏览,内容背景将是白色</p> <p class="css5" id="css5_id">我在浏览器下浏览,内容背景将是红色</p> </body> </html>
다음으로 위의 예제를 분석해 보겠습니다. class="css5 css5_class" 왜 이런가요? 이는 선택한 클래스 클래스 css5 및 css5_class를 호출하는 것과 같습니다. class="css5" id="css5_id" 여기서는 class class :css5 및 id :css5_id를 호출하도록 선택합니다.
이 페이지에서는 CSS 인스턴스, CLASS 클래스, ID에 대해 각각 설명하고 있으므로 이를 깊이 있게 이해하고 구분할 수 있으며 유연하게 대처할 수 있을 것입니다. 특별 참고 사항: ID 및 클래스 이름을 지정할 때 대소문자에 특히 주의하세요. CSS 클래스 이름을 지정할 때 중국어를 사용하지 않는 것이 가장 좋습니다.
위 내용은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되었으면 좋겠습니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요!
관련 권장 사항:
CSS를 사용하여 DIV 레이어의 표시 및 숨기기를 제어하는 방법
CSS를 사용하여 배경 이미지를 늘리고 채우는 방법으로 반복 표시를 방지하는 방법
위 내용은 CSS에서 클래스와 ID의 차이점과 사용법 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!