[CSS] 20230111 VSCODE 단축키와 CSS BOX-SIZING

vscode 입성 ! 

 

오늘의 목표물

그리고 새로운 태그를 도입하기 시작했다!
header,nav,gnb,main,section,footer,address

[index.html]

1. ! +enter 누르면 기본값이 자동으로 써진다 (개꿀모드)

2. ctrl + d 가 안먹혀서.... 뭐지 했는데 alt + shift + 방향키 아래 누르면 행 복사가 된다

그리고 ... alt가 행 선택기능? 이라 행이 왔다갔다하기도 함.

3. onmouseover=""은 마우스를 올려놓았을 때 변화를 줄 수 있고(여기서는 색깔이 변한다)

onmouseout=""은 마우스를 거두었을 때의 변화를 설정하는 것

4. 리셋코드를 꼭 써서 기본값들을 없애주도록 한다.

5. main_view ~ section 은 main_view가 해당하는 section과 그 아래의 section을 모두 가르킨다.

6. box-sizing:border-box; 의 속성에 대하여 ( 아래에 따로 정리해두었다 )

7. line-height: n px; n의 값이 클 수록 줄간격이 커진다. 

8. border-radius:n px; n의 값이 클 수록  border의  곡률이 커진다. 

9. border-collapse: collapse ; 칸과 칸 사이의 간격이 사라진다.

 

 

 

근데 마지막에 section 위치가 들짝날짝이던데 손을 못봐서......

내일 확실히 해야겠다

---

집에 오는 길에 친구를 만나 스피또 한장 긁었다

근데 천원 당첨

또 한장 긁었다

꽝