Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 속성 선택자
- :active
- Python
- ul
- Form
- ::first-letter
- JAVA 개발 환경 설정
- Head
- Ol
- BODY
- ::before
- option
- tag
- rowspan
- 한정수 강사님
- select
- table
- Title
- colspan
- textarea
- Li
- BR
- img
- Border
- ::first-line
- !doctype html
- HTML정의
- JavaScript
- 전체 선택자
- 인라인 레벨 요소
Archives
- Today
- Total
개발 공부 기록하기
DAY 5 - 스타일 상속 본문
웹 문서에서 쓰는 여러 tag는 다른 tag를 포함하기도 하고, 다른 tag에 포함되기도 하는 관계이다!
- parent element(부모 요소): 포함하는 tag ex, <body>
- child element(자식 요소): 포함된 tag
Style Sheet에서는,
child element에 별도로 적용된 속성이 없다면?
→ parent element에 적용된 속성이 그대로 전달됨!!!
이게 바로
Style Inheritance (스타일 상속)
ex, <body> tag의 style에서 글자 색, 글꼴 지정한다면, 그 style은 웹 문서 전체에 적용된다.
cf, 배경 색, 배경 이미지
style inheritance가 될 수 없는 애들.
그리고 style inheritance가 모든 style 충돌을 해결해주는 건 아님!
→ 우선순위에 따라 해결해야 함.
'프밍 > CSS' 카테고리의 다른 글
| DAY 7. 글꼴 관련 스타일(2): font-size (0) | 2022.10.31 |
|---|---|
| DAY 6. 글꼴 관련 스타일(1): font-family (0) | 2022.09.04 |
| DAY 5. 캐스케이딩 스타일 시트(CSS) 정의 & 스타일의 우선 순위 (2) | 2022.08.27 |
| DAY 4. 스타일 속성 & 속성값 (0) | 2022.08.25 |
| DAY 4. CSS 기본 선택자 (0) | 2022.08.25 |
Comments