CSS 구문과 JSON 및 JS 객체의 차이점에 대한 자세한 설명

JSON 객체는 JS 객체의 하위 클래스이고 CSS 객체는 JSON의 하위 클래스입니다. 즉, CSS는 JS 객체를 상속합니다. 이 글은 주로 CSS 구문과 JSON 및 JS 객체의 차이점을 자세히 소개합니다. 관심 있는 친구들이 꼭 읽어보길 바랍니다.

CSS(Cascading Style Sheets) 규칙은 선택기와 선언의 두 부분으로 구성됩니다. ​

selector｛declaration1;declaration2;declaration3;...declarationN｝

​ 선언은 세미콜론(;)으로 구분하여 속성:value1 value2..로 표현합니다. 내부 중첩이 없는 단일 레이어 구조입니다.

　 값은 크기는 px, 색상은 #FFFFFF, 위치는 상대/절대 등 특정 값입니다.

　 선택자는 h1, h2, h3, h4와 같이 쉼표로 구분된 여러 선택기로 표현할 수 있습니다. .

참고: CSS를 코딩할 때 속성 값이 순서대로 유지되어야 하는지 여부에 주의해야 합니다.

backgroud: color position size repeat attachment url("img.url")브라우저가 이러한 유형의 속성을 렌더링하고 구문 분석할 때 지정된 속성을 수정할 수 있습니다. 값 유형을 결정하기 위해 일반 규칙을 사용하여 속성을 마음대로 일치시킬 수 있습니다.

　Padding: 왼쪽 위 오른쪽 아래 등의 속성은 렌더링 시 순서에 따라 구문 분석됩니다. 지정된 속성을 수정하려면 이전 값을 완성해야 합니다.

JSON(Javascript Object Nonation)은 객체 선언으로 구성됩니다.

　{declaration1,declaration2,..declarationN}

　 표현은 트리와 같은 다단계 중첩 구조일 수 있으며 객체의 속성은 다른 객체 또는 여러 객체로 표현될 수 있습니다. 여러 개체의 외부 레이어는 JS 배열 [] 기호로 닫히고 개체는 컬렉션 기호 {}로 닫히고 콜론은 매핑 관계를 나타내는 데 사용됩니다.

JS 객체

　 컬렉션 기호 ｛｝로 구성되며 내용은 쉼표로 구분된 속성 값입니다. 구조는 JSON 객체와 유사하며 중첩될 수 있지만 속성은 반드시 그럴 필요는 없습니다. 따옴표로 묶어야 합니다.

요약하면 JSON 객체는 JS 객체의 하위 클래스이고, CSS 객체는 JSON의 하위 클래스라고 결론 내릴 수 있습니다. 즉, CSS는 JS 객체를 상속합니다.

관련 권장사항:

CSS 구문 튜토리얼 예제

jsonp의 원리와 구현을 완전히 마스터하세요

js 객체에 대한 자세한 소개

위 내용은 CSS 구문과 JSON 및 JS 객체의 차이점에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!