CSS 맛보기
HTML에 Style Sheet을 넣는 방법은 다양하다.(CSS와
HTML의연결) 여기서는 태그,<style></style>를
가지고 CSS가 표현되는 형식을 간단하게 알아보기로 한다.
간단한
(끼워넣기embeding)의
보기
<HEAD>
<TITLE>예문</TITLE>
<STYLE TYPE="text/css">
<!–
BODY { background: red; color: black }
–>
</STYLE>
</HEAD>
위에서 BODY라는 대상Selector은 다른 것, 예를
들면 P 등, 다른 HTML 태그로 대체될 수 있다. 그리고,
{ }안에서는 바탕background이라는 속성property에
red라는 값value을, 색상color에는 black라는 값value을 지정하고 있다. 이렇게 하면, BODY라는 태그의 영향권
안에 있는 바탕background과 문장은 붉고 검게 나타난다.
BODY { background:
red; color:
black }
위에서 붉게 표시된 것은 절대적이다. 어떤 다른 것으로도
대체될 수 없다. 잘 못 사용할 경우, 선택한 내용은 나타나지 않는다. 다만, 띄어쓰기는
형식과 무관하다. 즉,
BODY{background:red;color:black}
위처럼 하여도 정상적인 실행에는 문제가 전혀없다.