XHTML 및 CSS_HTML/Xhtml_웹 페이지 제작의 객체 지향 프로그래밍
XHTML과 CSS가 객체지향적일 수 있다면. . 해는 북쪽에서 떠야 합니다. 하지만 모든 것을 OO 사고방식으로 보아야 하는데, 우리는 숫자를 거의 계산할 수 없습니다. 실제로 2000년 초 누군가가 OO 스타일을 제안했지만 더 이상 찾아볼 수 없다.
어떻게 하나요? 이제 CSS를 다음과 같이 작성할 수 있다는 것은 모두가 알고 있습니다.
.G_G { /* xxxxxx */ }
프로토타입 또는 클래스라고 생각할 수 있습니다. -__-b는 클래스인 것 같고 HTML 객체에서 "인스턴스화"되어야 합니다. 예를 들어:
이 요소는 CSS의 해당 정의를 사용하지만 해당 클래스로는 충분하지 않습니다. 왜냐하면 우리 페이지에서 이 클래스를 "Private"의 관계를 처리하기 위해 적용할 수 있기 때문입니다. 지금 코드를 다음과 같이 변경하세요.
이 경우 ID가 aaoao인 요소는
.G_G 클래스 정의를 적용하고 #aoao{}과 같은 선택기를 사용하여 공개 효과에 영향을 주지 않는 비공개 효과 정의를 입력할 수 있습니다 .G_G 🎜> 동시에 이 클래스는 #aoao에 의해 정의된 우선순위가 .G_G보다 높으며 이는 개인 정의가 공개 정의보다 우선순위가 높다는 상식에 부합합니다^^.
ID를 고유한 것으로 사용하기 때문에 이렇게 개인적으로 정의된 것을 재사용하는 것은 문제가 됩니다(ID는 페이지에 한 번만 나타날 수 있는데 누가 그런 말을 했는지는 모르겠지만 사실입니다). 동일한 것 중 다수를 민영화하고 싶다면 어떻게 해야 할까요? 그런 다음 "다형성"을 구현해야 합니다. 파세요 하하. 코드를 다시 변경하세요.
하나는 "G_G"이고 다른 하나는 "o_O"이지만
.o_O{}을 사용하면 CSS가 다음과 같이 요소를 정의할 수도 있습니다.
.G_G {폭:100%} .o_O {색상:#123456}
요소는 모두 정의되며, 정의가 중복되지 않으므로 모두 적용됩니다. 코드가 이렇다면 이해가 더 쉬울지는 모르겠습니다.
.layout{너비:100%} .color{color:#123456}
다음으로 "캡슐화"를 구현해야 합니다. 하위 선택기를 자주 사용해야 합니다. 코드를 변경하세요.
.bendan{}과 .G_G .bendan{}는 모두 정의할 수 있지만 후자는 클래스가 "G_G"인 요소에만 적용할 수 있습니다. 간단히 .bendan{}를 전역 정의로, .G_G .bendan{}를 로컬 정의로 이해하면 됩니다. , 이는 XHTML 및 CSS의 모듈화에 도움이 될 것입니다. ^^전설의 "캡슐화"가 등장하고 계속 이어졌습니다.
이러한 코드는 셀 수 없이 많은 변화를 가져올 수 있습니다. 그래도 이해가 되지 않는다면 처음부터 시작하세요. ^^
사실 이것들은 아직 진정한 객체 지향과는 거리가 멀습니다. 단지 헤드라인을 배우는 중이지만 ID와 클래스의 적용을 이해하는 데 사용할 수 있습니다.
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7651
15
1392
52
91
11
73
19
36
110
정규 표현식을 사용하여 PHP 배열에서 중복 값 제거
Apr 26, 2024 pm 04:33 PM
정규식을 사용하여 PHP 배열에서 중복 값을 제거하는 방법: 정규식 /(.*)(.+)/i를 사용하여 중복 항목을 일치시키고 바꿉니다. 배열 요소를 반복하고 preg_match를 사용하여 일치하는지 확인합니다. 일치하면 값을 건너뛰고, 그렇지 않으면 중복 값이 없는 새 배열에 추가합니다.
MySQL 쿼리 결과 배열을 객체로 변환하는 방법은 무엇입니까?
Apr 29, 2024 pm 01:09 PM
MySQL 쿼리 결과 배열을 객체로 변환하는 방법은 다음과 같습니다. 빈 객체 배열을 만듭니다. 결과 배열을 반복하고 각 행에 대해 새 개체를 만듭니다. foreach 루프를 사용하여 각 행의 키-값 쌍을 새 개체의 해당 속성에 할당합니다. 개체 배열에 새 개체를 추가합니다. 데이터베이스 연결을 닫습니다.
PHP에서 배열과 객체의 차이점은 무엇입니까?
Apr 29, 2024 pm 02:39 PM
PHP에서 배열은 순서가 지정된 시퀀스이며 요소는 인덱스로 액세스됩니다. 객체는 new 키워드를 통해 생성된 속성과 메서드가 있는 엔터티입니다. 배열 액세스는 인덱스를 통해 이루어지며, 객체 액세스는 속성/메서드를 통해 이루어집니다. 배열 값이 전달되고 객체 참조가 전달됩니다.
PHP 함수는 어떻게 객체를 반환하나요?
Apr 10, 2024 pm 03:18 PM
PHP 함수는 return 문과 객체 인스턴스를 사용하여 객체를 반환함으로써 데이터를 사용자 정의 구조로 캡슐화할 수 있습니다. 구문: functionget_object():object{}. 이를 통해 사용자 정의 속성과 메소드를 사용하여 객체를 생성하고 객체 형태로 데이터를 처리할 수 있습니다.
프로그래밍이란 무엇을 위한 것이며 프로그래밍을 배워서 무슨 소용이 있습니까?
Apr 28, 2024 pm 01:34 PM
1. 프로그래밍은 웹사이트, 모바일 애플리케이션, 게임, 데이터 분석 도구 등 다양한 소프트웨어와 애플리케이션을 개발하는 데 사용될 수 있습니다. 응용 분야는 매우 광범위하여 과학 연구, 의료, 금융, 교육, 엔터테인먼트 등 거의 모든 산업을 포괄합니다. 2. 프로그래밍을 배우면 문제 해결 능력과 논리적 사고 능력을 향상하는 데 도움이 됩니다. 프로그래밍하는 동안 우리는 문제를 분석 및 이해하고, 해결책을 찾고, 이를 코드로 변환해야 합니다. 이러한 사고방식은 우리의 분석적이고 추상적인 능력을 키우고 실제적인 문제를 해결하는 능력을 향상시킬 수 있습니다.
C++ 함수가 객체를 반환할 때 무엇에 주의해야 합니까?
Apr 19, 2024 pm 12:15 PM
C++에서는 함수가 객체를 반환할 때 주의해야 할 세 가지 사항이 있습니다. 객체의 수명 주기는 메모리 누수를 방지하기 위해 호출자가 관리합니다. 매달린 포인터를 피하고 메모리를 동적으로 할당하거나 개체 자체를 반환하여 함수가 반환된 후에도 개체가 유효한지 확인하세요. 컴파일러는 성능을 향상시키기 위해 반환된 개체의 복사 생성을 최적화할 수 있지만 개체가 값 의미 체계에 따라 전달되는 경우 복사 생성이 필요하지 않습니다.
Python을 사용한 문제 해결: 초보 코더로서 강력한 솔루션 잠금 해제
Oct 11, 2024 pm 08:58 PM
Python은 초보자에게 문제 해결 능력을 부여합니다. 사용자 친화적인 구문, 광범위한 라이브러리 및 변수, 조건문 및 루프 사용 효율적인 코드 개발과 같은 기능을 제공합니다. 데이터 관리에서 프로그램 흐름 제어 및 반복 작업 수행에 이르기까지 Python은 제공합니다.
C++ 프로그래밍 퍼즐 모음: 사고를 자극하고 프로그래밍 기술을 향상시킵니다.
Jun 01, 2024 pm 10:26 PM
C++ 프로그래밍 퍼즐은 피보나치 수열, 계승, 해밍 거리, 배열의 최대값과 최소값 등과 같은 알고리즘 및 데이터 구조 개념을 다룹니다. 이러한 퍼즐을 풀면 C++ 지식을 통합하고 알고리즘 이해 및 프로그래밍 기술을 향상시킬 수 있습니다.
