profile

코드잇

2023. 4. 14
CSS

CSS란 무엇인가?

CSS는 Cascading Style Sheets의 약자로, 웹 페이지를 꾸며주는 스타일 시트 언어입니다. HTML로 기본 구조를 만든 다음 CSS를 사용하면 디자인과 레이아웃을 설정할 수 있습니다.

CSS를 사용하는 방법

  1. CSS 파일을 만들기 CSS 파일은 HTML 문서와 동일한 디렉토리에 작성하거나 다른 디렉토리에 따로 작성할 수 있습니다. 일반적으로 .css 확장자를 가진 파일을 만들면 됩니다.

  2. HTML 문서에 CSS 파일 연결하기 HTML 문서에서는 <head> 요소 안에 <link> 요소를 사용하여 CSS 파일을 연결할 수 있습니다.

  3. CSS 속성 사용하기 CSS 속성은 HTML 요소에 스타일을 적용할 때 사용합니다. 예를 들어 <h1> 요소에 배경색을 지정하려면 background-color 속성을 사용하면 됩니다.

예시

다음 예제는 HTML 문서에 CSS를 사용하는 방법을 보여줍니다.

HTML :

<head>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>제목</h1>
</body>

CSS :

h1 {
  background-color: #cccccc;
  font-size: 24px;
  color: #000000;
}

결론

CSS는 웹 페이지를 꾸며주는 강력한 도구입니다. HTML 문서에 CSS 파일을 연결하고 CSS 속성을 사용하면 디자인과 레이아웃을 쉽게 설정할 수 있습니다.

이 튜토리얼은 어땠나요?

(주) 코드잇

대표KANG YOUNG HOON, 이윤수

개인정보보호책임자강영훈

사업자 번호313-86-00797

통신판매업제 2019-서울중구-1034 호

주소서울특별시 중구 청계천로 100 시그니쳐타워 동관 10층 코드잇