> 웹 프론트엔드 > CSS 튜토리얼 > CSS의 문법 구조는 무엇입니까?

CSS의 문법 구조는 무엇입니까?

青灯夜游
풀어 주다: 2019-05-23 18:44:08
원래의
6201명이 탐색했습니다.

CSS의 문법 구조는 무엇입니까?

CSS의 구문 구조는 선택기(Selector), 속성(property), 값(value)의 세 부분으로만 구성됩니다.

사용 구문:

selector {Property:value;}
로그인 후 복사

Selector는 이 스타일 코딩 세트의 대상이 되는 개체를 참조합니다. 이는 body, h1과 같은 XHTML 태그일 수도 있고, 특정 ID나 CLASS를 정의하는 태그일 수도 있습니다. #main과 같은 선택자는

, 즉 지정된 id가 main인 개체를 선택하는 것을 의미합니다. 브라우저는 CSS 선택자를 엄격하게 구문 분석하고 각 스타일 세트는 브라우저에 의해 해당 개체에 적용됩니다.

속성은 CSS 스타일 제어의 핵심입니다. CSS는 XHTML의 각 태그에 대해 색상, 크기, 위치 지정, 부동 방법 등과 같은 풍부한 스타일 속성을 제공합니다.

값(value)은 속성의 값을 의미하는데, 하나는 float 속성과 같이 지정된 범위의 값이며, 3가지 값만 가능합니다. 예를 들어 너비는 0-9999 또는 기타 수학 단위를 사용하여 지정할 수 있습니다.

실제 응용 프로그램에서는 다음과 같은 유사한 응용 프로그램 양식을 자주 사용합니다.

body {background-color:blue;}
로그인 후 복사

설명:

위의 본문{}은 유형 선택기입니다. 소위 타입 선택자(type selector)는 웹 페이지에 존재하는 태그 유형을 이름으로 사용하는 선택자를 의미합니다. 따라서 다음 선택기는 유형 선택기이며 페이지의 모든 본문, div 또는 범위를 제어합니다.

body{}
div{}
span{}
로그인 후 복사

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿