CSS 적용

html에 CSS를 적용시키는 방법은 크게 3가지가 있다.

인라인 스타일

html요소 내부에 style속성을 사용하여 적용시킨다.

<!DOCTYPE html>
<html>
    <head>
        <title>미국 지수 추종 ETF</title>
        <meta charset="utf-8">
    <body>
        **<h1 style="color:darkgreen">ETF</h1>**
        <h2>미국의 지수추종 ETF</h2>
        <h3><strong>상위종목들</strong></h3>
        <ol>
...

내부스타일 시트

CSS를 html파일에 적용시키기위해 head내부에 style태그를 이용하는 방법이 있다. style태그 내부에 CSS문법이 적용되게 된다.

<!DOCTYPE html>
<html>
    <head>
        <title>미국 지수 추종 ETF</title>
        <meta charset="utf-8">
        <style>
            ol{
                color: rgb(41, 125, 180);
            }
        </style>
    </head>
...

외부스타일시트

외부에 따로 .css확장자를 갖는 파일을 사용해서 적용시키는 방법이다.

CSS문법

다음으로 요약할 수 있다.

속성 같은 것들은 구글링하면 잘 나온다.

기본적인 속성 몇가지