웹페이지 만들기/CSS

CSS로 웹페이지 만들기1: CSS의 정의

코드라니(CODERANY) 2025. 1. 6. 18:13

CSS는 Cascading Style Sheets의 약자로, 웹 페이지의 스타일(레이아웃, 색상, 폰트 등)을 지정하는 데 사용됩니다. HTML은 웹 페이지의 구조와 콘텐츠를 정의하는 반면, CSS는 웹 페이지의 시각적 표현을 담당합니다. CSS는 웹 개발에서 HTML과 함께 사용되어 웹 페이지를 보다 생동감 있고 보기 좋게 만듭니다.

 

CSS의 기본형은 아래와 같습니다.

<html태그 속성이름="CSS속성: 속성값;"></html태그>

예시를 사용하면 아래와 같습니다.

<div style="color: blue;">
	<p>이 글자색은 파란색입니다.</p>
</div>

div는 html의 태그입니다. 

style은 속성이름으로 개발자가 임의로 이름을 정의할 수 있습니다.

color는 CSS의 속성입니다. 바꾸려는 것을 선택합니다.

blue는 CSS의 속성의 값입니다. 어떻게 바꿀지 결정합니다.

 

실제 사용은 아래와 같습니다.

<!DOCTYPE html>
<html>
  <head>
    <title>문서 제목</title>
  </head>
  <body>
	<div style="color: blue;">
		<p>이 글자색은 파란색입니다.</p>
	</div>
  </body>
</html>

 

실행하면 아래와 같습니다.