ohjungho 님의 블로그

CSS 배치 속성과, 반응형 디자인에 대해 알아보자. 우선 h1태그와 span태그로 텍스트를 작성한 코드는 아래와 같다. Emotion SAD HAPPY LOVE  Live Server를 통해 확인하면 아래 사진과 같은 결과물이 나온다. Live Server는 확장 프로그램으로, 웹 개발자들이 HTML, CSS, JavaScript 등의 파일을 브라우저에서 실시간으로 미리 보기 할 수 있게 해주는 도구이다.h1 태그로 제목을 Emotion으로 지정했고, SAD, HAPPY, LOVE는 span 태그로 줄 바꿈을 하지 않고 구문 요소를 의미한다. 코드에서는 Emotion, SAD, HAPPY, LOVE 모두 Enter키를 이용해서 각자 다른 줄에 있는데 왜 사진에서 Emoti..