CSS
CSS 규칙의 구조 및 서식 지정

Angular 2 AngularJS ASP.NET HTML JavaScript jQuery PHP SVG twitter-bootstrap WordPress
수색…


비고

가독성을 높이기 위해 모든 선언을 셀렉터에서 한 수준 들여 쓰기하고 닫는 중괄호는 자체 줄에 들여 쓰기를 유지하십시오. 선택기와 콜론 뒤에 하나의 공백을 추가하고 마지막 선언 후에는 항상 세미콜론을 사용하십시오.

좋은 

p {
    color: maroon;
    font-size: 16px;
}

나쁜 

p{
 color: maroon;
font-size:16px }

짧막 한 농담

하나 또는 두 개의 선언 만있는 경우이 선언을 사용하지 않을 수 있습니다. 대부분의 경우 권장되지 않습니다. 가능한 한 항상 일관성을 유지하십시오. 

p { color: maroon; font-size: 16px; }

규칙, 선택자 및 선언 블록

CSS 규칙 은 선택기 (예 : h1 )와 선언 블록 ( {} )으로 구성됩니다. 

h1 {}

속성 목록

일부 특성은 여러 값을 가질 수 있으며, 집합 적으로 특성 목록 이라고 합니다 . 

/* Two values in this property list */
span {
    text-shadow: yellow 0 0 3px, green 4px 4px 10px;
}

/* Alternate Formatting */
span {
    text-shadow:
        yellow 0 0 3px,
        green 4px 4px 10px;
}

다중 선택기

CSS 선택기를 그룹화하면 스타일 시트에서 스타일을 반복하지 않고도 여러 스타일 요소에 같은 스타일을 적용 할 수 있습니다. 그룹화 된 여러 선택기를 쉼표로 구분하십시오. 

div, p { color: blue }

따라서 파란색은 모든 <div> 요소와 모든 <p> 요소에 적용됩니다. 쉼표가 없으면 <div> 의 하위 요소 인 <p> 요소 만 빨간색이됩니다.

이는 모든 유형의 선택자에도 적용됩니다. 

p, .blue, #first, div span{ color : blue }

이 규칙은 다음에 적용됩니다.

  • <p>
  • blue 종류의 요소들
  • 요소 ID가 first
  • 모든 <span> <div>


Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow