HTML부터 CSS까지

생활코딩과 드림코딩by엘리 영상의 도움을 받아 HTML을 공부했다. HTML: Hyper Text Markup Language태그를 사용해 구조적인 것이 특징이다. 드림코딩에서는 레시피로 HTML을 설명해주었는데, 이와같이 부모태그와 자식태그, 그리고 전체 바디태그를

사이트에 이미지를 넣는 방법은 두 가지가 있다. <img> 태그를 사용하는 것과 <div> 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요. 해당 질문에 답하기 위해서는 Se

웹은 기본적으로 box들로 구성되어있다. 따라서 box들을 잘 배치하는 것이 중요한데, 이 때 필요한 개념이 display와 position이다. 그 중 CSS position 속성은 문서 상에 요소를 배치하는 방법을 지정한다. 크게 4가지 방법이 있는데, 이 각각에

HTML을 통해서 block요소와 inline 요소를 나눠 사용할 수 있다. HTML의 거의 대부분 tag들은 block 요소이다. 항상 새 줄에서 시작하며 옆(좌우)에 다른 요소를 붙여넣을 수 없도록 자리를 차지한다. inline 요소는 <span>, <a

모든 웹사이트를 구성하는 요소는 BOX 형태로 되어있고, 이를 어떻게 레이아웃시키냐는 정말 중요하다. 이런 레이아웃의 작은 단위인 BOX는 각종 태그들로 만들어니다. 그 중 널리 사용되는 것이 <div>태그이며 class나 id 즉, 이름을 부여한다. CSS를 통

기업에서 인턴으로 협업중... 하나의 큰\~\~~ 난관에 부딪혔는데 그것은 바로바로! 반응형 css이다. 다음부터 명심하자! 만들거면 처음부터 반응형을 고려하고 css 짜자..이 중에서도 나를 가낭 많이 괴롭힌건! 반응형 이미지였다.google에 'how to make