본문 바로가기

HTML

HTML - CSS 선택자를 통한 CSS 적용하기(div, span)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<style>
    .js {
        font-weight: bold;
        color: crimson;
    }
</style>
</head>
<body style="background-color: bisque">
<h2 style="color: powderblue;background-color: aliceblue">java script</h2>
<p style="color: chocolate">
    <div>div 태그는 무색 무취의 태그이다. 단지 여 문단의 스타일을 적용 시키기 위해서 적용된 태그이다.</div>

    <span style="font-weight: bold;color: chocolate">span 태그도 div태그와 성격은 같으나, 줄바뀜이 되지 않는다는 것이 다른점이다.</span>

    <span class="js">선택자를 통한 문법 = 헤드 부분에 설정되어 있는 .js가 span태그의 js와 맞물려 해당 부분을 볼드 처리하는 css 문법이다.</span>

</p>
</body>
</html>