>  기사  >  웹 프론트엔드  >  CSS의 구문 형식은 무엇입니까

CSS의 구문 형식은 무엇입니까

藏色散人
藏色散人원래의
2019-05-31 13:59:586816검색

CSS의 구문 형식은 무엇입니까

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

기본 형식은 다음과 같습니다.

selector{property:value}는 다음과 같습니다. (selector {property: value})

CSS 정의에는 다음과 같은 요구 사항이 있습니다.

(1) 속성 및 값 ​​콜론을 구분하여 사용해야 합니다. 예: 몸체{색상:파란색}. 선택기 본문은 페이지의 주요 부분을 참조하고, 색상은 텍스트 색상을 제어하는 ​​속성이며, 검정색은 색상 값을 정의합니다. 이 예제의 효과는 페이지의 텍스트를 파란색으로 만드는 것입니다.

(2) 속성 값이 여러 단어로 구성된 경우 값을 따옴표로 묶어야 합니다. 예: p{font-family:"sans serif"}. 이 예에서는 단락 글꼴이 산세리프(sans serif)로 정의되어 있으므로 글꼴 이름은 두 단어로 구성되므로 따옴표로 묶어야 합니다.

(3) 선택기에 여러 속성을 지정해야 하는 경우 세미콜론을 사용하여 모든 속성과 값을 구분할 수 있습니다. 예: p{text-align:center;color:red}. 이 예는 극중 단락의 배열을 정의하며 단락의 텍스트는 빨간색입니다.

(4) 정의된 스타일시트를 읽기 쉽게 하려면 스타일시트 정의에 분기형 쓰기 형식을 사용하는 것이 가장 좋습니다. 예:

{
  text-align:center;
  color:black;
  font-family:arial
}

이 예는 극중 단락 배열을 정의합니다. 단락의 텍스트는 검정색이고 글꼴 유형은 arial입니다.

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

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