웹1 4일차

 

[상위엘리먼트와 하위엘리먼트를 부르는 명칭]

 

 

body-section 관계

 

body를 기준으로 section을 자식엘리먼트라고 부른다. 
section을 기준으로 body를 부모엘리먼트라고 부른다. 

 

div-body 관계

div를 기준으로 body를 조상엘리먼트라고 부른다.   
body를 기준으로 div를 후손엘리먼트라고 부른다.  

 

->상속되는 텍스트 속성 예시.

 

css에서 section에 적용하면, div로 상속 -> span에 상속되어 

하위요소 span태그의 텍스트에 적용된다

 

 

[선택자 정리]
> : 자식선택자
띄어쓰기 : 후손선택자
+ : 인접동생선택자

 

 

section->div->span

 

->텍스트 ~ n번까지 반복예시

 

->클래스 선택자 컬러 변경예시

 

css에서 클래스 선택자 적용시킬 때에는

이름앞에 . <-꼭 붙여야 함.

 

 

[젠코딩 주요 등호]

 

{} : 텍스트
$ : 1번부터 n번까지
> : 자식엘리먼트
+ : 인접동생엘리먼트
(): 그룹
* : 여러개
[] : 속성

.(점) : 클래스선택자

 

->참고자료(클.아이디차이점)

https://codepen.io/kimhyeji324/live/GRdKRrd/02f1b3007cfdfb009565d1d1383f9ea0

 

 

 

부모-자식관계 겹쳐서 품어나옴,

형제관계 나란히 정렬되어 나옴.

 

***** border 선두께 형태 색

 

 

 

 

 

block - 너비 auto 100상위요소 100%

inline - 너비 auto 0 하위요소 크기만큼.