<html>
<head>
<style type="text/css">
h1,h3{font-family:바탕체,굴림체; font-weight:bold; font-size:10pt; color:red;}
h2{font:굴림체 20pt; color:blue;}
#myfont{font-family:궁서체; font-size:15pt; color:#000000;}
</style>
</head>
- css는 연속으로 두 개의 태그를 ,(콤마)를 이용해여 설절할 수있다. 예(h1,h3{..})
- font-family 안의 첫번째 폰트가 없으면 두번째 폰트를 적용한다.
- id를 이용해서 자신만의 폰트를 만들수있다. id는 '#'을 붙여사용한다.
- font 속성으로 여러개의 속성을 지정할수있다. 예(font:굴림체 20pt) 글꼴=굴림체, 사이즈=20pt
<body>
<h1> (h1) -kyoe- 하루세번.. </h1> /*css가 적용된 h1 태그 적용 */
<h2> (h2) -kyoe- 하루세번.. </h2>
<h3> (h3) -kyoe- 하루세번.. </h2>
<span id="myfont"> (#myfont) -kyoe- 하루세번.. </span><br> /* id 적용 */
<span style="font-family:바탕체; font-size:25pt; color:green;"> /* style속성으로 css설정 */
(style) -kyoe- 하루세번..
</span>
</body>
</html>
* <SPAN> 태그 *
- <DIV> 태그와 함께 임의의 범위에 CSS속성을 설정할 수 있는 태그. <SPAN>태그는 한줄에 CSS를 적용시키기 위해 사용된다.
- STYLE속성은 CSS를 연속적으로 설정할수 있고 연속으로 설정하는 경우에는 세미콜론(;)을 이용하여 설정한다.
<head>
<style type="text/css">
h1,h3{font-family:바탕체,굴림체; font-weight:bold; font-size:10pt; color:red;}
h2{font:굴림체 20pt; color:blue;}
#myfont{font-family:궁서체; font-size:15pt; color:#000000;}
</style>
</head>
- css는 연속으로 두 개의 태그를 ,(콤마)를 이용해여 설절할 수있다. 예(h1,h3{..})
- font-family 안의 첫번째 폰트가 없으면 두번째 폰트를 적용한다.
- id를 이용해서 자신만의 폰트를 만들수있다. id는 '#'을 붙여사용한다.
- font 속성으로 여러개의 속성을 지정할수있다. 예(font:굴림체 20pt) 글꼴=굴림체, 사이즈=20pt
<body>
<h1> (h1) -kyoe- 하루세번.. </h1> /*css가 적용된 h1 태그 적용 */
<h2> (h2) -kyoe- 하루세번.. </h2>
<h3> (h3) -kyoe- 하루세번.. </h2>
<span id="myfont"> (#myfont) -kyoe- 하루세번.. </span><br> /* id 적용 */
<span style="font-family:바탕체; font-size:25pt; color:green;"> /* style속성으로 css설정 */
(style) -kyoe- 하루세번..
</span>
</body>
</html>
* <SPAN> 태그 *
- <DIV> 태그와 함께 임의의 범위에 CSS속성을 설정할 수 있는 태그. <SPAN>태그는 한줄에 CSS를 적용시키기 위해 사용된다.
- STYLE속성은 CSS를 연속적으로 설정할수 있고 연속으로 설정하는 경우에는 세미콜론(;)을 이용하여 설정한다.