웹1 - 0115_4번째 수업

지각 ..ㅜㅠ

 

div class 선택자 

https://codepen.io/leenyooo/pen/PoLWZwx

class 선택자

 

class와 id의 차이점

class는 같은 이름을 사용할 수 있다.

thml : class="" , css 선택자 : .

id는 같은 이름을 여러번 사용할 수 없다.

thml : id="" , css 선택자 : # 프론트엔드영역에서 많이 사용

 

이름 지을때 주의사항

- 영문부터 시작해야한다.

- 숫자만 사용할 수 없다.

- 누구나 구분할 수 있도록 짓는게 좋다.

 

이름 짓기

두 단어 이상 - 를 쓴다. -> best-item

언더바 사용 금지 _ 

뒷 단어에 대문자 활용이 가능하다 -> best-Item

"~안에 있는~"로 표현 가능하다. -> best-item__text-box

 

https://codepen.io/leenyooo/pen/dyrNjzp

~안에 있는 ~class 예시

 

 

띄어쓰기 x , 총 2개가 되어버린다. -> best item

 

https://codepen.io/leenyooo/pen/ZEPLQOO

class 선택자 그룹화

 

https://codepen.io/leenyooo/pen/gOEgPmq

상위엘리먼트와 하위엘리먼트 형태

https://codepen.io/leenyooo/pen/KKEaVZz

부모엘리먼트를 넘어갈때 처리방법(overflow)