노마드코더 코코아톡 챌린지 Day5

재밌다

CSS = Cascading Style Sheet

속성 이름에는 띄어쓰기 쓰면 안 됨

font-size (O)

font size (X) 밑줄이나_ 슬래시도/ 안 됨

property: value;

콜론과 세미콜론 잊지 말기

브라우저가 읽는 방법 top to bottom

옆에 다른 게 올 수 없는 block : 대부분 <div> <header> 등등

옆에 다른 게 오는 게 가능한 inline (in the same line) : <code> <span> <link> <image> <a> 등등

HTML안에 CSS를 같이 쓰는 방법과 CSS파일을 따로 만들고 링크로 하는 방법 중 후자가 더 낫다

CSS파일은 <head> 안에

inline을 block으로 block을 inline으로 변경이 가능하다

span {

display: block;

}

어떤 요소(element)가 inline이라면 그것은 height나 width가 없다

margin은 box의 경계(border)로부터 바깥에 있는 공간

padding은 margin의 반대 box의 경계로부터 안쪽에 있는 공간

div가 여러개면 각각 id 설정하고 <style>에서는 #뒤에 id 이름을 쓰면 된다

<style>

#first {

background-color: red;

}

</style>

</div>

아무것도 안 했는데 안되던 prettier가 작동한다

니콜라스가 강의 때 사용하는 거 보고 확장 프로그램 몇 개 다운로드했다

C O D E