CSS의 기본 구문은 무엇입니까

CSS의 기본 구문은 다음과 같습니다. 1. CSS 규칙은 선택기와 하나 이상의 선언의 두 부분으로 구성됩니다. 2. 선택기는 일반적으로 스타일을 변경해야 하는 HTML 요소입니다. 이는 속성과 값으로 구성됩니다. 4. 속성과 속성 값은 콜론으로 구분됩니다.

CSS 구문

CSS 규칙은 두 가지 주요 부분으로 구성됩니다. 선택자 및 하나 이상의 선언. [추천 자료: CSS Tutorial]

selector {declaration1; declaration2; … declarationN }

선택기는 일반적으로 스타일을 변경해야 하는 HTML 요소입니다.

각 선언은 속성과 값으로 구성됩니다.

속성은 설정하려는 스타일 속성입니다. 각 속성에는 값이 있습니다. 속성과 값은 콜론으로 구분됩니다.

selector {property: value}

다음 코드 줄은 h1 요소 내의 텍스트 색상을 빨간색으로 정의하고 글꼴 크기를 14픽셀로 설정합니다.

이 예에서는 h1이 선택기이고, 색상과 글꼴 크기가 속성이고, 빨간색과 14px가 값입니다.

h1 {color:red; font-size:14px;}

아래 다이어그램은 위 코드의 구조를 보여줍니다.

CSS 구문

팁: 제발 선언을 둘러싸려면 중괄호를 사용하세요.

다른 쓰기 방법 및 값의 단위

영어 단어 red 외에도 16진수 색상 값을 사용할 수도 있습니다 ​​#ff0000 :# 🎜🎜#

p { color: #ff0000; }

바이트를 절약하기 위해 CSS의 약어를 사용할 수 있습니다:

p { color: #f00; }

RGB 값을 두 가지 방법으로 사용할 수도 있습니다:

p { color: rgb（255,0,0）； }
p { color: rgb（100%,0%,0%）； }

#🎜 🎜# RGB 백분율을 사용하는 경우 값이 0인 경우에도 백분율 기호가 기록됩니다. 그러나 다른 경우에는 이렇게 할 필요가 없습니다. 예를 들어 크기가 0픽셀인 경우 단위가 무엇이든 0은 0이므로 0 뒤에 px 단위를 사용할 필요가 없습니다.

위 내용은 CSS의 기본 구문은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!