문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판이전 판다음 판 | 이전 판 | ||
| study:css [2018/09/10 05:50] – [casecading 적용순서] taekgu | study:css [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1 | ||
|---|---|---|---|
| 줄 3: | 줄 3: | ||
| - style attrribute | - style attrribute | ||
| - id selector | - id selector | ||
| + | * notation : #[id_name] | ||
| - class selector | - class selector | ||
| + | * syntax : .[class_name] | ||
| - tag selector | - tag selector | ||
| + | * syntax : [tag name] [tag name2] | ||
| + | |||
| + | * <code html> | ||
| + | a:visited { color: purple }</ | ||
| + | * 바로 뒤에 있는 Element만 선택 <code html>ul + p { | ||
| + | color: red; | ||
| + | }</ | ||
| + | * 후계 직계 자식만 선택 <code html> | ||
| + | div# | ||
| + | border: 1px solid black; | ||
| + | }</ | ||
| ==== font-size ==== | ==== font-size ==== | ||
| 줄 10: | 줄 23: | ||
| * em | * em | ||
| * rem | * rem | ||
| + | |||
| + | ==== Ellipsis ==== | ||
| + | 통영의... | ||
| + | <code html> | ||
| + | <div class=" | ||
| + | < | ||
| + | .txt_line { | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | } | ||
| + | </ | ||
| + | </ | ||
| + | Block레벨 테그에서만 적용됨 | ||
| + | * .overflow: | ||
| + | * text-overflow: | ||
| + | * white-space: | ||