|
4 | 4 |
|
5 | 5 | ## 목차 |
6 | 6 |
|
7 | | - 1. [용어 설명](#terminology) |
8 | | - - [규칙 선언부(Rule declaration)](#규칙 선언부(Rule declaration)) |
9 | | - - [선택자(Selectors)](#선택자(Selectors)) |
10 | | - - [속성(properties)](#속성(properties)) |
| 7 | + 1. [용어 설명](#용어-설명) |
| 8 | + - [규칙 선언부](#규칙-선언부) |
| 9 | + - [선택자](#선택자) |
| 10 | + - [속성](#속성) |
11 | 11 | 1. [CSS](#css) |
12 | | - - [Formatting](#formatting) |
13 | | - - [Comments](#comments) |
14 | | - - [OOCSS and BEM](#oocss-and-bem) |
| 12 | + - [형식](#형식) |
| 13 | + - [주석](#주석) |
| 14 | + - [OOCSS와 BEM](#oocss와-bem) |
15 | 15 | - [ID 선택자](#id-선택자) |
16 | | - - [JavaScript hooks](#javascript-hooks) |
| 16 | + - [자바스크립트 후크](#자바스크립트-후크) |
17 | 17 | - [Border](#border) |
18 | 18 | 1. [Sass](#sass) |
19 | 19 | - [문법](#문법) |
|
26 | 26 |
|
27 | 27 | ## 용어 설명 |
28 | 28 |
|
29 | | -### 규칙 선언부(Rule declaration) |
| 29 | +### 규칙 선언부 |
30 | 30 |
|
31 | | -"규칙 선언부"는 특정 속성 그룹을 따르는 선택자(또는 선택자로 묶인 그룹)에게 부여되는 이름입니다. 다음 예시를 참조해주세요: |
| 31 | +"규칙 선언부(Rule declaration)"는 특정 속성 그룹을 따르는 선택자(또는 선택자로 묶인 그룹)에게 부여되는 이름입니다. 다음 예시를 참조해주세요: |
32 | 32 |
|
33 | 33 | ```css |
34 | 34 | .listing { |
|
37 | 37 | } |
38 | 38 | ``` |
39 | 39 |
|
40 | | -### 선택자(Selectors) |
| 40 | +### 선택자 |
41 | 41 |
|
42 | | -규칙 선언부에서, "선택자"는 DOM 트리의 어떤 요소들이 정의된 속성(Properties)으로 꾸며질지 결정하는 부분들입니다. 선택자는 HTML 요소들, 뿐만 아니라 한 요소의 클래스, ID, 또는 해당 요소의 어느 속성(attributes)들과도 연결될 수 있습니다. 다음은 선택자에 대한 예시들입니다: |
| 42 | +규칙 선언부에서, "선택자(Selectors)"는 DOM 트리의 어떤 요소들이 정의된 속성(Properties)으로 꾸며질지 결정하는 부분들입니다. 선택자는 HTML 요소들, 뿐만 아니라 한 요소의 클래스, ID, 또는 해당 요소의 어느 속성(attributes)들과도 연결될 수 있습니다. 다음은 선택자에 대한 예시들입니다: |
43 | 43 |
|
44 | 44 | ```css |
45 | 45 | .my-element-class { |
|
51 | 51 | } |
52 | 52 | ``` |
53 | 53 |
|
54 | | -### 속성(Properties) |
| 54 | +### 속성 |
55 | 55 |
|
56 | | -마지막으로, 속성(Properties)은 규칙 선언부의 선택된 요소들이 그들의 스타일을 가지게 하는 것입니다. 속성은 키-값의 쌍으로 구성되며, 규칙 선언부는 하나 이상의 속성 선언부를 가질 수 있습니다. 속성 선언부는 아래와 같은 형태입니다: |
| 56 | +마지막으로, "속성(Properties)"은 규칙 선언부의 선택된 요소들이 그들의 스타일을 가지게 하는 것입니다. 속성은 키-값의 쌍으로 구성되며, 규칙 선언부는 하나 이상의 속성 선언부를 가질 수 있습니다. 속성 선언부는 아래와 같은 형태입니다: |
57 | 57 |
|
58 | 58 | ```css |
59 | 59 | /* 특정 선택자 */ { |
|
68 | 68 |
|
69 | 69 | * 부드러운 탭(띄어쓰기 2칸) 들여쓰기를 사용하세요. |
70 | 70 | * 클래스 이름에는 camelCase 방식보다 대시(-)를 사용하세요. |
71 | | - - 만약 당신이 BEM(아래 [OOCSS and BEM](#oocss-and-bem) 참조)을 사용하고 계신다면 밑줄(_)과 PalcalCase 방식을 사용하셔도 괜찮습니다. |
| 71 | + - 만약 당신이 BEM(아래 [OOCSS and BEM](#oocss와-bem) 참조)을 사용하고 계신다면 밑줄(_)과 PalcalCase 방식을 사용하셔도 괜찮습니다. |
72 | 72 | * ID 선택자를 사용하지 마세요. |
73 | 73 | * 당신이 규칙 선언부에서 다중 선택자를 사용하실 때, 선택자를 한 줄에 한개씩 적어주세요. |
74 | 74 | * 규칙 선언부의 여는 괄호 `{` 이전에 띄어쓰기를 넣어주세요. |
|
0 commit comments