CSS
1. CSS의 기초 (1)
멜데스
2012. 11. 5. 15:28
CSS??
HTML 문서에 글꼴이나 레이아웃 등 스타일을 지정하고 페이지를 꾸밀 때 사용하는 장치를 '스타일 시트(style sheet)' 라고 하는데, 대표적인 스타일 시트에는 CSS(Cascading Style Sheets)가 있다. CSS를 사용하면 HTML 태그의 스타일을 바꿔서 표시할 수 있다.
CSS 지정하기
CSS는 다음과 같이 {와 } 안에 스타일을 기술한다.
Ex)
h1 { color : red }
h1 = 셀렉터 : 스타일을 적용하고 싶은 HTML 태그 등을 지정
color = 프로퍼티 : 속성을 지정
콜론(:) : 프로퍼티와 값을 구분
red : 값을 지정
해석 ; <h1> 태그 안의 문자색을 빨간색으로 한다.
----------------------------------------------------------------
<html>
<head><title>CSS기초</title>
<meta http-equiv="content-style-type" content="text/css"> <!--스타일 시트로 CSS를 사용한다고 선언-->
<body>
<div style="color:red">이 문자는 빨간색 입니다.</div>
</body>
</html>
----------------------------------------------
<div>~</div> : 스타일을 적용할 범위를 지정
<span>~</span> : 일부 문자만 적용