study:css
차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판이전 판 | |||
| study:css [2021/11/20 15:43] – [Ellipsis] taekgu | study:css [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1 | ||
|---|---|---|---|
| 줄 1: | 줄 1: | ||
| + | ==== cascading 적용순서 ==== | ||
| + | - !important | ||
| + | - style attrribute | ||
| + | - id selector | ||
| + | * notation : #[id_name] | ||
| + | - class selector | ||
| + | * syntax : .[class_name] | ||
| + | - 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 ==== | ||
| + | * px | ||
| + | * em | ||
| + | * rem | ||
| + | |||
| + | ==== Ellipsis ==== | ||
| + | 통영의... | ||
| + | <code html> | ||
| + | <div class=" | ||
| + | < | ||
| + | .txt_line { | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | } | ||
| + | </ | ||
| + | </ | ||
| + | Block레벨 테그에서만 적용됨 | ||
| + | * .overflow: | ||
| + | * text-overflow: | ||
| + | * white-space: | ||