hello

hello

"> Document

hello

hello

"> Document

hello

hello

"> 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="a.css">
    <style>
    h1{
        color: blue;    
    }
    </style>
</head>
<body>
    <!-- css 들어가기 전 <https://caniuse.com> 사이트 언급 -->
    <!-- color에 대한 개념, 16진수 함께 설명 -->
    <h1>hello</h1>
    <h2 style="color: red;">hello</h2>
    <!-- 외부 CSS가 모두 끝나면 CSS reset 설명 -->
</body>
</html>

h1{color: red;}

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="a.css">
    <style>
    #one{
        color: red;    
    }
    
    #two{
        color: blue;
    }
    
    #three{
        color: green;
    }
    </style>
</head>
<body>
    <a href="#one">one으로 가라</h1>
    <a href="#two">two으로 가라</a>
    <a href="#three">three으로 가라</a>
    <h1 id="one">hello</h1>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <h1 id="two">hello</h1>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <h1 id="three">hello</h1>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="a.css">
    <style>
    .one{
        color: red;    
    }
    
    .two{
        font-size: 20px;
    }
    
    .three{
        color: green;
    }
    </style>
</head>
<body>
    <!-- 이 이상의 선택자에 대해서는 요약강좌에서 하지 않음 -->
    <h1 class="one two">hello</h1>
    <h1 class="two">hello</h1>
    <h1 class="three">hello</h1>
    <!-- 
        1. 추가 공부할 선택자 링크 : <https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Selectors>
        2. 추가 공부할 속성 링크 : <https://developer.mozilla.org/ko/docs/Web/CSS/Reference>
    -->
</body>
</html>