프론트엔드 센트럴파크 (☞ﾟヮﾟ)☞

class - 전역특성 본문

HTML

class - 전역특성

자라나라나무나무나 2022. 6. 12. 19:09
class 전역 특성은 공백으로 구분한 요소 클래스의 목록으로, 대소문자를 구분하지 않습니다.
클래스는 CSS나 JavaScript에서 클래스 선택자나 DOM 메서드의 document.getElementsByClassName() (en-US)과 같은 메서드를 통해 요소에 접근할 수 있는 방법입니다.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="printpage.css" />
</head>
<body>
    <div class="hi">안녕하세요</div>
    <div class="hi hello">안녕하세요</div>
    <div>안녕하세요</div>
    <div class="hello">안녕하세요</div>
    <div>안녕하세요</div>
</body>

</html>

class는 여러개의 이름을 가질 수 있다.

 

div의 두번째 요소에는 공백을 기준으로 hi의 클래스명을 가지고 있고, 동시에 hello의 클래스명도 가지고 있는 것이다.

 

css도 hi의 스타일과 hello의 스타일 둘 다 가지고 올 수 있다.

 

저작자표시 비영리 변경금지

'HTML' 카테고리의 다른 글

data 속성  (0) 2022.06.12
title  (0) 2022.06.12
메타데이터 요소 - MIME 타입  (0) 2022.06.07
<link> 태그  (0) 2022.06.07
<i>, <em>  (0) 2022.06.05
'HTML' Related Articles more
Comments