Skip to content

Commit b5fa827

Browse files
author
NoahLuftYang
committed
Translate Terminology
1 parent eb78acb commit b5fa827

File tree

1 file changed

+21
-21
lines changed

1 file changed

+21
-21
lines changed

README.md

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
1-
# Airbnb CSS / Sass Styleguide
1+
# Airbnb CSS / Sass 스타일 가이드
22

3-
*A mostly reasonable approach to CSS and Sass*
3+
*CSS와 Sass에 대한 가장 합리적인 접근 방법*
44

5-
## Table of Contents
5+
## 목차
66

7-
1. [Terminology](#terminology)
8-
- [Rule Declaration](#rule-declaration)
9-
- [Selectors](#selectors)
10-
- [Properties](#properties)
7+
1. [용어 설명](#용어 설명)
8+
- [규칙 선언부(Rule declaration)](#규칙 선언부(Rule declaration))
9+
- [선택자(Selectors)](#선택자(Selectors))
10+
- [속성(properties)](#속성(properties))
1111
1. [CSS](#css)
1212
- [Formatting](#formatting)
1313
- [Comments](#comments)
1414
- [OOCSS and BEM](#oocss-and-bem)
15-
- [ID Selectors](#id-selectors)
15+
- [ID 선택자](#id-선택자)
1616
- [JavaScript hooks](#javascript-hooks)
1717
- [Border](#border)
1818
1. [Sass](#sass)
@@ -24,11 +24,11 @@
2424
- [중첩 선택자](#중첩-선택자)
2525
1. [번역](#번역)
2626

27-
## Terminology
27+
## 용어 설명
2828

29-
### Rule declaration
29+
### 규칙 선언부(Rule declaration)
3030

31-
A “rule declaration” is the name given to a selector (or a group of selectors) with an accompanying group of properties. Here's an example:
31+
"규칙 선언부"는 특정 속성 그룹을 따르는 선택자(또는 선택자로 묶인 그룹)에게 부여되는 이름입니다. 다음 예시를 참조해주세요:
3232

3333
```css
3434
.listing {
@@ -37,9 +37,9 @@ A “rule declaration” is the name given to a selector (or a group of selector
3737
}
3838
```
3939

40-
### Selectors
40+
### 선택자(Selectors)
4141

42-
In a rule declaration, “selectors” are the bits that determine which elements in the DOM tree will be styled by the defined properties. Selectors can match HTML elements, as well as an element's class, ID, or any of its attributes. Here are some examples of selectors:
42+
규칙 선언부에서, "선택자"는 DOM 트리의 어떤 요소들이 정의된 속성(Properties)으로 꾸며질지 결정하는 부분들입니다. 선택자는 HTML 요소들, 뿐만 아니라 한 요소의 클래스, ID, 또는 해당 요소의 어느 속성(attributes)들과도 연결될 수 있습니다. 다음은 선택자에 대한 예시들입니다:
4343

4444
```css
4545
.my-element-class {
@@ -51,9 +51,9 @@ In a rule declaration, “selectors” are the bits that determine which element
5151
}
5252
```
5353

54-
### Properties
54+
### 속성(Properties)
5555

56-
Finally, properties are what give the selected elements of a rule declaration their style. Properties are key-value pairs, and a rule declaration can contain one or more property declarations. Property declarations look like this:
56+
마지막으로, 속성(Properties)은 규칙 선언부의 선택된 요소들이 그들의 스타일을 가지게 하는 것입니다. 속성은 키-값의 쌍으로 구성되며, 규칙 선언부는 하나 이상의 속성 선언부를 가질 수 있습니다. 속성 선언부는 아래와 같은 형태입니다:
5757

5858
```css
5959
/* some selector */ {
@@ -69,12 +69,12 @@ Finally, properties are what give the selected elements of a rule declaration th
6969
* Use soft tabs (2 spaces) for indentation
7070
* Prefer dashes over camelCasing in class names.
7171
- Underscores and PascalCasing are okay if you are using BEM (see [OOCSS and BEM](#oocss-and-bem) below).
72-
* Do not use ID selectors
73-
* When using multiple selectors in a rule declaration, give each selector its own line.
74-
* Put a space before the opening brace `{` in rule declarations
75-
* In properties, put a space after, but not before, the `:` character.
76-
* Put closing braces `}` of rule declarations on a new line
77-
* Put blank lines between rule declarations
72+
* Do not use ID 선택자
73+
* When using multiple 선택자 in a 규칙 선언부, give each selector its own line.
74+
* Put a space before the opening brace `{` in 규칙 선언부s
75+
* In 속성(properties), put a space after, but not before, the `:` character.
76+
* Put closing braces `}` of 규칙 선언부s on a new line
77+
* Put blank lines between 규칙 선언부s
7878

7979
**Bad**
8080

0 commit comments

Comments
 (0)