>웹 프론트엔드 >CSS 튜토리얼 >CSS 스타일은 무엇으로 구성되어 있나요?

CSS 스타일은 무엇으로 구성되어 있나요?

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-07-15 11:20:095753검색

CSS 스타일은 선택기, 속성, 값의 세 부분으로 구성됩니다. 선택기는 일반적으로 정의하려는 HTML 요소 또는 태그이고, 속성은 변경하려는 속성이며, 각 속성에는 값이 있습니다. 속성과 값은 콜론으로 구분하고 중괄호로 묶어 완전한 스타일 선언을 구성합니다.

CSS 스타일은 무엇으로 구성되어 있나요?

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS 구문은 선택기, 속성, 값의 세 부분으로 구성됩니다.

selector {property: value}

Selector {속성:속성값}

선택자(selector)는 일반적으로 정의하려는 HTML 요소나 태그이고, 속성(property)은 변경하려는 속성이며, 각 속성에는 값이 있습니다. 속성과 값은 콜론으로 구분하고 중괄호로 묶어 완전한 스타일 선언을 구성합니다.

예:

body {color: blue}

위 코드 줄의 기능은 본문 요소 내의 텍스트 색상을 파란색으로 정의하는 것입니다. 위의 예에서 본문은 선택자이고 중괄호로 묶인 부분은 선언입니다. 선언은 속성과 값의 두 부분으로 구성됩니다. 색상은 속성이고 파란색은 값입니다.

CSS 코드는 선택기와 하나 이상의 선언으로 구성되며, 이는 속성과 값으로 구성됩니다. CSS 코드는 다음 코드 예와 같이 선택기, 속성 및 값으로 구성된다고 할 수도 있습니다.

选择器 {
    属性1: 值1;
    属性2: 值2;
    ……
}
.div1 {
    width: 100px;
    height: 200px;
}

선택기 .div1

속성 너비 값 100px

속성 높이 값 200px

추천 학습: css 비디오 튜토리얼

위 내용은 CSS 스타일은 무엇으로 구성되어 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.