CSS는 Cascading Style Sheets의 약자로, 웹 페이지를 꾸며주는 스타일 시트 언어입니다. HTML로 기본 구조를 만든 다음 CSS를 사용하면 디자인과 레이아웃을 설정할 수 있습니다.
CSS 파일을 만들기
CSS 파일은 HTML 문서와 동일한 디렉토리에 작성하거나 다른 디렉토리에 따로 작성할 수 있습니다. 일반적으로 .css
확장자를 가진 파일을 만들면 됩니다.
HTML 문서에 CSS 파일 연결하기
HTML 문서에서는 <head>
요소 안에 <link>
요소를 사용하여 CSS 파일을 연결할 수 있습니다.
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 속성을 사용하면 디자인과 레이아웃을 쉽게 설정할 수 있습니다.