소개하는 거북이

이번 장에서는 CSS를 이용해 색깔을 입히는 방법에 대해 알아보겠습니다! CSS를 이용해 색을 입히기 위해서는 색을 입힐 대상이 필요한데 그 대상을 HTML로 작성해보도록 하겠습니다. See the Pen OJbpqBx by JaeyongLee (@jaeyonglee960212) on CodePen. 짜잔! 간단하게 HTML 파일을 작성해보았습니다. 이제, 각 요소들에게 색을 입혀줄텐데 저는 color, background-color 속성을 이용해서 넣어주겠습니다. 우선, color와 background-color를 어떻게 사용하는지 보여드리겠습니다. ◈ color -> 색을 입히고자 하는 것(클래스, 아이디, 태그 등) { color : 원하는색; } ◈ background-color -> 배경색을 입..

이번 장에서는 HTML 파일에 CSS를 적용하는 방법에 대해 알아보겠습니다! 들어가기에 앞서, HTML에 CSS를 적용하는 방법은 3가지가 있는데, 첫 번째는 태그 안에 style 속성을 넣어 적용시키는 방법 두 번째는 태그 안에 기입해서 적용시키는 방법 세 번째는 CSS파일을 작성해 HTML 파일에 연결하는 방법 이렇게 총 3가지가 있습니다. 우리는 3가지 방법 중 가장 효율적이고 많이 사용하는 방법인 세 번째 방법을 채택하여 배워보겠습니다. 먼저, Visual Studio Code를 이용해 HTML 파일을 하나 작성합니다. 2장. HTML의 기본 구조 및 태그 기능 저번에 HTML의 정의에 대해 간략하게 알아봤다면, 이번에는 HTML의 기본 구조 및 각 태그의 기능에 대해 알아보..

CSS 관련 내용을 다루기 이전 CSS가 무엇인지 간단하게 정의해보겠습니다. CSS(Cascading Style Sheets) -> HTML, XML로 작성된 문서에 다양한 스타일을 입힐 수 있는 언어로 HTML, XML에 존재하는 다양한 요소들이 어떻게 보여지는지에 대해 작성할 수 있습니다. 즉, CSS는 웹페이지를 꾸미기 위해 작성하는 코드라는 것입니다. 하지만, CSS는 프로그래밍 언어도 아니고 마크업 언어도 아닌 Style sheet라는 언어입니다. CSS는 문서에 스타일을 적용할 수 있지만, 문서가 존재하지 않는다면 CSS 코드는 의미가 없게 되는 것입니다. 혼자 쓸 수 없는 코드라는 뜻이죠. 그렇다면, 왜 이러한 CSS를 사용하는 것일까요? 그 이유는 바로 다양한 디자인으로 웹을 디자인할 수 ..