반응형

한 페이지에 적용할 때 HEAD 태그 안에 <STYLE> 태그를 사용함으로써 사용 가능함.

<html>
<head>
<title>MY CSS PAGE</title>
<style type="text/css">
.headlines, .sublines, infotext {font-face:arial; color:black; background:yellow; font-weight:bold;}
.headlines {font-size:14pt;}
.sublines {font-size:12pt;}
.infotext {font-size: 10pt;}
</style>
</head>

<body>
<span class="headlines">Welcome</span><br>

<div class="sublines">
This is an example page using CSS.<br>
The example is really simple,<br>
and doesn't even look good,<br>
but it shows the technique.
</div>

<table border="2"><tr><td class="sublines">
As you can see:<br>
The styles even work on tables.
</td></tr></table>

<hr>

<div class="infotext">
Example from EchoEcho.Com.
</div>

<hr>
</body>
</html>


결과

Welcome
This is an example page using CSS.
The example is really simple,
and doesn't even look good,
but it shows the technique.
As you can see:
The styles even work on tables.
Example from EchoEcho.Com.

반응형
저작자표시

'Windows > css' 카테고리의 다른 글

전체 사이트에 CSS 적용하기  (0) 2010.09.06
단순 태그들  (0) 2010.09.06
선택자에 의존하는 문맥들  (0) 2010.09.06
그룹 선택자들  (0) 2010.09.06
ID 선택자들  (0) 2010.09.06
반응형

단순히 style="정의스타일:스타일속성;" 태그를 추가함으로서 단순 태그를 추가할 수 있다.

예
 It is <b style="font-size:16px;">NOT</b> me.

결과는 다음과 같다.
It is NOT me.



당신은 당신의 단순 CSS 태그를 제한적으로 사용해야 한다.

각각에 단순 태그를 사용함으로서 당신의 CSS와 연관된 많은 강력한 기능을 사용할 수 없다.

예를 들면, 한번 선언해서 사용할때보다 사용할 때마다 계속 style 구문을 계속 선언해야 한다.

더구나 주요 style을 변경할 때도 당신은 문서 전체를 수정해야 한다.

이글의 모든 내용을 www.echoecho.com 에서 참조하였을 밝힌다.

반응형
저작자표시

'Windows > css' 카테고리의 다른 글

전체 사이트에 CSS 적용하기  (0) 2010.09.06
Single PAGE (한 페이지 적용)  (0) 2010.09.06
선택자에 의존하는 문맥들  (0) 2010.09.06
그룹 선택자들  (0) 2010.09.06
ID 선택자들  (0) 2010.09.06

+ Recent posts

티스토리툴바