Dog foot print

html 에 css를 연결하는 적용 방법으로는 3가지가 있다. 어트리뷰트를 사용하기 html 에 style 태그 작성하기 태그에 일일히 어트리뷰트를 작성하여 스타일을 적용시키는 것은 굉장히 불편하다. 그렇기에 html은 style태그를 제공하여 html 내부에 css문법을 사용할 수 있게 한다. head 내부에 style 태그를 작성하고 태그 내부에 css 문법에 맞게 작성하면 된다. 외부 css 파일을 링크 시키기 html에 style태그를 열고 css를 작성하면 html의 코드가 굉장히 길어지고 한 곳에 css가 몰려있어 굉장히 보기 불편하다. 그렇기에 외부에서 css파일을 작성한 후 html에 링크태그를 사용하여 사용할 수 있다. div{ color: gray; width: 100px; height..

div 는 주로 레이아웃을 구성하기 위해서 틀을 구역의 틀을 잡는 용도로 사용한다. 콘솔창을 눌러서 보면 우리가 보는 많은 페이지들이 div로 구성된 것을 볼 수 있다. 이 div를 html에 선언하면 처음에는 아무것도 보이지 않는다. 그러나 div에 무언가를 작성하고 div를 여러개 적어보면 뭐가 달라지는지 볼 수 있다. 안녕하세요 div입니다. div로 텍스트를 작성하니 각 div의 구역이 나눠졌다. 이와 같은 속성을 display : block 속성이라고 하는데 이 div의 구역 만큼 화면의 넓이를 차지하여 작성된 다음 태그가 아래로 내려가게 된다. div에 style 적용시키기 html에서 div태그를 꾸미기 위해서는 태그에 style어트리뷰트를 추가해야한다. style어트리뷰트에 원하는 스타일을..